Menu icon Foundation
Semantic Block Grids breakpoint issue

Hi guys is this possible, it always defults to the small view breakpoint, can one do media queries on block grid in foundations 

.masonary {
  
  @include breakpoint(large) {
    @include grid-row(4) {
      .item {
        @include grid-column(1);
      }
    }
  }
  @include breakpoint(medium) {
    @include grid-row(3) {
      .item {
        @include grid-column(1);
      }
    }
  }
  @include breakpoint(small) {
    @include grid-row(1) {
      .item {
        @include grid-column(1);
      }
    }
  }

}

semanticblock gridbreakpoint

Hi guys is this possible, it always defults to the small view breakpoint, can one do media queries on block grid in foundations 

.masonary {
  
  @include breakpoint(large) {
    @include grid-row(4) {
      .item {
        @include grid-column(1);
      }
    }
  }
  @include breakpoint(medium) {
    @include grid-row(3) {
      .item {
        @include grid-column(1);
      }
    }
  }
  @include breakpoint(small) {
    @include grid-row(1) {
      .item {
        @include grid-column(1);
      }
    }
  }

}
Kevin Neal almost 3 years ago

I think you need to specify the small breakpoint first, then medium, then large. S the reverse of what you have here