The grid is a powerful layouting tool. You can use grids to arrange your page frame, position content teasers, arrange link lists, and basically anything in between. The grid is also set up responsive to allow different layouts on different devices.
We recommend you use
grid-flex for all your grid needs since it takes care of many edge cases that you might encounter. Still, it is not a silver bullet. When migrating to it, please be aware that
grid-flex does not work with
grid introduces a
margin-bottom-l by default, while with
grid-flex, you'll have to add that manually if you need it. Also note that in the flex grid, grid items no longer have an implicit width of 100%. If you want your elements to be 100% wide, please apply the
one-whole class explicitly.
For a quick overview over what the flexbox model does, we recommend the excellent Complete Guide to Flexbox on CSS-Tricks.