My Lessons From Trying To Make A Website

1. h1, h2, h3, should be set to sizes that are commonly used, and they should use color: inherit;
2. more things should be standardized in globals css, such as more colors variables, how lists are displayed, how links have a hover effect to change color, that can be easily applied to anything.
3. standardize the section and container class do u don't keep redefining the padding CSS
4. standardize the title class and its psuedoelement ":before"
5. standardize the paragraph class in globals to something that is commonly used. Only color should change. Color should also be inherit;
6. When designing in Figma, use a larger frame that matches the desktop used or the font sizes will not match.

In summary:

color: inherit; h1: standardize to the largest font size h2: standardize to the medium font size h3: standardize to the smallest font size but is still bold p: standardize to the font for content

section: standardize to height: auto .container: standardize to padding: 50px 200px li: border-style: none; .cs-link: transition: color 0.3s ease-in-out; .cs-link:hover: color: var(--primary);

var(--variable): make better variable names and more colors.