From the course: CSS for Programmers

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

The layout module flowchart

The layout module flowchart - CSS Tutorial

From the course: CSS for Programmers

The layout module flowchart

- [Narrator] Thanks to the evolution of CSS we now have several different CSS layout modules in our toolkit, specifically flow, flex and grid. That also means there's inevitable confusion about what module to use in what circumstances. The key thing to remember here is these modules are not mutually exclusive. Instead, they're complimentary and meant to be used in combination with each other. To help figure out what module to use in what circumstance, I've created this flow chart. Note that this flow chart is not the only way to think about this problem and does not cover all circumstances and all layouts. It's a basic guide for quick decision making and experimentation, a starting point for further exploration. Anyway, here's how the flow chart works. We start at the top in the blue section by asking the question, is this layout imposed? Is it two dimensions, and is it layout-in? Meaning, do you want to place the items in…

Contents