Separate Code Into Blocks
Sometimes, when I look at CSS and I recognize that it’s not broken down into "sections." It’s easy to achieve it. And you’ll have an easier time finding classes and elements that you need to change, even after couple of weeks, months, or years.
This is how I usual break down my site:
/* Structure */
This is where I’d put the primary site structure divs and classes.
/* Typography */
This is where I would list things like paragraphs, headings, and other miscellaneous font styles such as small and strong
tags.
/* Links */
This one is simple - all the styling for anchor tags.
/* Lists, images, etc. */
This is where I would style images, lists, and any other elements that didn’t fit into the rest of the section. If I have an unordered list for the navigation I might setup a new section for navigation and setup all the styles for the navigation, including the list and link styles, in this section - it makes editing the navigation much easier.