Staying organized

One of the problems with CSS is staying organized as a project expands.

As you advance in your journey into front-end development, you'll come across different build tools that can make organization easier, but even in a vanilla project like this one, there is a lot you can do.

We've seen a lot of these things already:

• Planning things out before you dive in
• Trying to create reusable classes as often as possible
• Leveraging custom properties
• Using cascade layers
• And, most importantly, being consistent!

Take the time to think about each part you're adding, and if it's possibly something that doesn't have to be specific for that one use case you're creating it for.

As we've gone through this project, we've gone from bigger layout classes to the reusable components that we plug into them, and down into smaller and smaller bits.

Some of the things we've seen are one-offs, like the hero with it's specific background image, and that's completely fine, but even then we used a couple of existing things to help bring it together.