# How to master CSS?

I struggled for years with CSS before I mastered it. I mastered it by focusing on the following concepts:

1. Layouts with Flexbox and CSS Grid. This is the most important one.
    

You need to master both Flexbox and CSS Grid in order to professionally build modern websites & web apps. If you haven't mastered both of them yet, I highly recommend going through my [CSS Course](https://bytegrad.com/courses/professional-css?utm_source=blog-post&utm_medium=blog-post&utm_campaign=blog-post).

2. Responsive web design. Your website or web app needs to look good across a wide range of devices and browsers, so you need to master things like media queries (`@media`).
    
3. Best practices. You should learn modern, best practices. An example is using the correct unit (don't use the px-unit for your font-sizes, use the rem-unit). If you go through my [CSS Course](https://bytegrad.com/courses/professional-css) you will pick up these best practices quickly.
    

Everything else is just details. Granted, there is a 'long tail' of details in CSS... So many random, little things to learn.

But pay special attention to the above concepts and you'll master it soon enough.

By the way, I think CSS is the 'bottleneck' to most websites & web apps. I believe it's the highest-ROI skill you can master.

Before I mastered CSS, I lost a ton of time & energy fiddling around with CSS.

I was learning about advanced JavaScript topics when I couldn't even implement basic layouts in CSS...

So I created a CSS course to help you avoid the same mistake. Check it out [here](https://bytegrad.com/courses/professional-css?utm_source=blog-post-2&utm_medium=blog-post-2&utm_campaign=blog-post-2) if you're interested.

Would you like to be notified when I release a new course? You'll get early bird discounts. Sign up for my newsletter [here](https://email.bytegrad.com).

Also, I show projects of upcoming courses on social media, follow me here:

[Facebook](https://www.facebook.com/ByteGrad)[Twitter](https://twitter.com/bytegradcom)[Instagram](https://www.instagram.com/bytegradcom/)