Flex grid examples

[yoursite.local/themes/custom/dropsolid-theme-flex-8/components/00-theme/00-base/05-grid/grid-flex-examples.html]

Simple grid: Columns in CSS-grid with Flexbox fallback

12 columns system

Col 1
Col 2
Col 3
Col 4
Col 5
Col 6
Col 7
Col 8
Col 9
Col 10
Col 11
Col 12

column that changes width per breakpoint

12 cols 6 cols 4 cols 4 cols

5 column system with gap of 20px

1
2
3
4
5

cells stretching over multiple rows

Item 1
Item 2
Item 3
Item 4