Every time I create a frontend project, I realize that CSS is hard.
Especially layout (flexbox or grid). I’m glad that we have flexbox now and do not need to float and clearfix anymore. But still, things never work as I expected.

Sure, I have a basic knowledge of CSS. At one point I even dabbled in Sass when it was fresh and exciting and all the cool kids were learning it. But CSS still confuses me.

Media Query breakpoints? Best practices? Why is my parent HTML element not full width?

I love programming but responsive web design is a beast of its own. I’ll definitely have to take a deeper dive at some point

Further Reading