As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is structured, and how to learn it effectively.

Josh W. Comeau's platform provides resources in frontend development, React.js, and CSS, offering insightful articles, tutorials, and code examples. With a focus on accessible and creative web development techniques, Josh W. Comeau empowers developers to craft engaging user experiences and solve complex problems in the world of web development.

Josh W Comeau

 CSS is so much more than a collection of properties. It's a constellation of inter-connected layout algorithms. Each algorithm is a complex system with its own rules and secret mechanisms. We need to learn how the layout algorithms work, and how they use the properties we provide to them.

Understanding Layout Algorithms

Link to this heading Identifying the layout algorithm

Link to this heading Building an intuition

I highly encourage getting the CSS-for-JS course from Josh. It’s simply one of the best investment I have made as a developer. Just going through the first module alone is worth it!

Very cool article! It really shows that sometimes if you look at things in a different way everything may become simpler to understand!
I’ve never found another article which made CSS this clear to understand! Bravo 👏🚀

Josh, your content is phenomenal, as always 👏🏽

So well worded. Every day I’m a step closer to getting his course.

My takeaway learning - Never see CSS properties in isolation and get bewildered that why the f*uck it’s not working. May be underlying layout algorithm is responsible for the mess!