Things I learned today while working on this design:
- Adding font size using Google Fonts: I discovered two methods for adding font to my project through Google Fonts: one by using a link, and the other by importing it with CSS.
- CSS Variables: CSS variables are helpful for avoiding repetition in code. For example, if you have six article tags with different IDs but want to apply the same text color (black) to all, instead of writing 'color: black;' multiple times, you can create a CSS variable and reference it wherever needed.
- Semantic HTML: Semantic HTML involves using tags that clearly define the content they contain, making the code easier to understand for both developers and search engines. It also improves website accessibility for users with disabilities, as screen readers and other assistive tools can better interpret the content's meaning. Examples of semantic tags include
header,nav,figure,article, and others.
