How I Learned CSS Flexbox With The Odin Project

As someone relatively new to coding and tech, I didn’t understand the dev community’s collective disdain for CSS.

I saw several memes and sarcastic comments about it when I first got started on tech Twitter and I had no idea why it was so hated by many people…

Until I began to learn it myself.

CSS consists of a lot of small rules for small things. These rules alone are not difficult to grasp.

It is when they begin to interact with each other and any other type of code in your project that the problems arise, turning simple style changes into what often feels like a frustrating game of Pictionary, where every guess is close but not right.

Flexbox can feel like a similar game.

Understanding the difference between the main and cross axis, creating boxes within boxes is simple. But it can get crazy if you’re not paying attention or if you don’t understand the foundational concepts of optimal ways to structure the boxes to achieve the desired layout.

The Odin Project Alignment Lesson

I’ve been doing The Odin Project for about 6 weeks right now and the curriculum really prepared me well to understand and practice the nuances of Flexbox.