demo/src/sass/layout/grid.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

// ==========================================================================
// Super basic grid
// ==========================================================================

.grid {
  margin: 0 auto;
  padding: $spacing-base;

  @media only screen and (min-width: $screen-md) {
    align-items: center;
    display: flex;
    max-width: $container-max-width;
    width: 100%;

    > * {
      flex: 1;
    }
  }
}