.grid-wrapper{
  width:100%;

  @media (width < 1024px){
    padding-inline:var(--space-lg);
  }

  @media (width >= 1024px){
    padding-inline:var(--space-xl);
  }

  .grid-wrapper__header{
    align-items:center;
    display:flex;
    gap:var(--space-md);
    justify-content:center;
    text-align:center;
    width:100%;

    @media (width < 1024px){
      flex-direction:row;
    }

    @media (width >= 1024px){
      flex-direction:column;
      text-align:center;
    }
  }

  .grid-wrapper__content{
    margin-inline:auto;

    @media (width < 1280px){
      width:100%;
    }
  }

  .grid-wrapper__content--masonry{
    @media (width >= 1280px){
      width:100%;
    }
  }

  .grid-wrapper__footer{
    align-items:center;
    display:flex;
    flex-direction:row;
    justify-content:center;
    width:100%;
  }
}