GridtoFlex

Flexbox fallbacks for popular UI solutions that use CSS Grid.

CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect (more info here). This site is a solution for you so you can start to progressively enhance without fear!

Things to Note: CSS grid allows for specified styling using the vertical area as well as horizontal. Flexbox doesn't allow for this, so we'll be using fixed heights in these examples.

Feel free to play around with the CSS! To swap between implementations, use the toggles.