@Eileenpk
Posted
Hi Pedro, your project looks awesome, great job!
I also had the same problem with feeling like the font sizes were all over the place in my projects (and that my CSS was just a mess in general, especially in larger projects). My solution to this problem which seems to be helping was to do a few things.
1- plan out the CSS, HTML, and JavaScript and include that plan in my README.md before I started coding anything. This helps to see what components you'll be working with and how they will interact with each other.
2- Organize the CSS like so:
-
The organization of the styles.css will be (in descending order):
-
Variables
-
Resets
-
All typography (and only typography if an element needs for example padding I will reselect it in the appropriate part of the stylesheet.)
-
Media query for typography
-
General styles
-
Media query for General styles
-
First section
-
Media query for the first section
-
Second section
-
Media query for the second section
Hope you found this helpful!
- Let's connect on LinkedIn! - @Eileenpk
Marked as helpful
@Pedro-Celeste
Posted
@Eileenpk Wow! I hadn't t thought of doing it like this. I'm going to try it out in my next challenge! Thanks a lot! :D