@charset "UTF-8";

#feedInstagrams{
  > ul{
    display: grid;
    grid-template-columns: repeat( 3 , 1fr );
    padding-left: 0;
    column-gap: 1px;
    row-gap: 1px;
  }
  li{
    width: 100%;
    aspect-ratio: 1;
    height: auto;
    list-style: none;
  }
  li a{
    display: block;
    width: 100%;
    height: 100%;
  }
  li{
    img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  @media screen and ( width < 768px ){
    h1{
      font-size: clamp( 10px , calc( 42 * 100vw / 768 ) , 42px );
      margin-block: calc( 15 * 100vw / 768 );
    }
    > ul{
      margin-top: calc( 14 * 100vw / 768 );
      padding-block: calc( 10 * 100vw / 768 );
      border-block : solid calc( 2 * 100vw / 768 ) currentColor;
    }
  }
  @media screen and ( width >= 768px ){
    > ul{
      padding-block: 10px;
      border-block : solid 2px currentColor;
    }
  }
}