Explaining CSS Organisational Layout

I’ve been trying to follow best practise for laying out my CSS code and comments alike, however I am having trouble categorising.

I have just completed the following project:
https://www.codecademy.com/paths/front-end-engineer-career-path/tracks/fecp-22-fundamentals-of-css/modules/wdcp-22-learn-css-the-box-model/projects/box-model-on

And it lays out the code in a seemingly simple way, as follows:

/* Site Stylesheet

  1. Global Styles

  2. Typography Styles

  3. Structure Styles

  4. Module Styles

  5. Component Styles

However when I try to do my own projects with my own code I am having trouble to understand what code goes into what category.

  1. and 2. I can understand pretty easily, but what constitutes a structure / module and component style? how do they differ?

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.