demo/src/less/layout/grid.less


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 @mq-md {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: @container-max-width;

        > * {
            flex: 1;
        }
    }
}