For most people like me, CSS was the bane of my existence. It never listens to me when I give it simple instructions and it acts as if it has a mind of its own, relatable right ?. However, CSS acting the way it did was because I didn't understand it back then.

Understanding how layouts and hierarchy works in CSS is the key to mastering the styling language and that is why I have prepared an easy roadmap for mastering CSS

Let's get straight to it...

1) Syntax

Just like every other language out there, you have to master the CSS syntax to be able to confidently write it.

To master this, you will have to understand basic core CSS principles.

You can find more info on specificity here

2) Hierarchy

Hierarchy is important in CSS. Understanding how the Parent-Child hierarchy works in CSS helps you write better CSS code.

This idea of CSS having a hierarchy and how it organizes and accesses elements is known as Specificity

You can find more info on specificity here

3) Layout

Know your CSS Layouts!, this is very crucial to understanding how to position elements on a webpage.

This is by far the most difficult part of learning CSS and here are some links I have prepared to help you find great resources on CSS Layouts

• CSS Layouts
• Flexbox
• CSS Grids
• Positioning

Creating great layouts is your key to mastering CSS, learn it vigorously and you won't struggle with positioning in CSS.

Conclusion

Thank you for reading 🔥🔥🔥, and I hope you found this article useful 🔥

If you enjoyed reading, please consider following me here on Dev.to and also on Twitter @ heyOnuoha so you don’t miss out on new content on topics like:

• Web Development (JS and Python)
• Improving as a developer
• Machine Learning

Support Me :

👉 Follow Me on Twitter
👉 Buy me a ☕