Progressively Enhancing #CSS Layout: From #Floats To #Flexbox To #Grid
▻https://www.smashingmagazine.com/2017/07/enhancing-css-layout-floats-flexbox-grid
When you open the demo, you’ll find yourself on the home page of a website with a very basic layout. You can adjust the slider in the top left to enhance the experience. The layout switches from being very basic to being a float-based layout to being a flexbox layout and, finally, to being one that uses grid.
▻https://s.codepen.io/matuzo/debug/Emddvx
In the following sections, I’m going to show you how I built parts of the demo and why some things just work out of the box.