#archive-content {
  &.contained {
    @media (max-width: $medium-devices) {
      padding-left: 0;
      padding-right: 0;

      main {
        padding-left: $spacing_unit * 4;
        padding-right: $spacing_unit * 4;
      }
    }
  }

  main { 
    display: grid;
    grid-template-columns: 1fr ;
    gap : 24px; 

    @media (min-width: $medium-devices) {
      margin-bottom: $spacing_unit * 12;

      .loop-item {
        border: 1px solid #ddd;
        margin: $spacing_unit * 2;
        padding: $spacing_unit * 4;
      }
    }

    @media (max-width: $medium-devices) {
        display: block;
    }
  }




}
