Enhancing CSS Layout: From Floats To Flexbox To Grid

Earlier this year, support for CSS grid layout1 landed in most major desktop browsers. Naturally, the specification is one of the hot topics at meet-ups and conferences. After having some conversations about grid and progressive enhancement, I believe that theres a good amount of uncertainty about using it. I heard some quite interesting questions and statements, which I want to address in this post. These are all good questions, and not all of them are easy to answer, but Im happy to share my approach. The CSS grid layout module is one of the most exciting developments since responsive design. We should try to get the best out of it as soon as possible, if it makes sense for us and our projects. Before going into detail and expounding my thoughts on the questions and statements above, I want to present a little demo42 Ive made.

Read Full Article at https://www.smashingmagazine.com/2017/07/enhancing-css-layout-floats-flexbox-grid/

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

Tags: , , , , , , , , , , , , , , ,