CSS Flex vs Grid Tutorial

So which one is better? Grid or Flex? When to use which? What are the differences? For me, I see both as fundamentally different ways of thinking about layout design. I don’t think one as better or worse than the other. It is common to use them together.

Different Layout Models

Grid gaps and lines vs. Flex lines

Cells, Items and Content

Both Can Change Flow Direction

Changing Direction Flow To Column

Another Minor Distinction

What Are The Similarities?

Multi-directional float in Flex and Grid

Justify and Align

Conclusion

More Grid And Flex Tutorials

Want To See All CSS Properties Explained Visually?

Issues. Every webdev has them. Published author of CSS Visual Dictionary https://amzn.to/2JMWQP3 few others…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store