You might find it helpful to use semantic HTML tags like <article>
, <header>
, <section>
, and <footer>
instead of <div>
to improve both the structure and accessibility of your content. For example, you could wrap the main content in an <article>
, use <header>
for the top part of the blog, <section>
for the main content, and <footer>
for the author information. This approach can make your HTML more meaningful and easier to work with.
Consider using CSS variables to define your color values. This practice not only enhances consistency across your stylesheet but also simplifies future updates and maintenance. By declaring color variables in the :root
selector, you can ensure that your color scheme is uniform and easily manageable.
:root {
--yellow: hsl(47, 88%, 63%);
--white: hsl(0, 0%, 100%);
--gray-500: hsl(0, 0%, 42%);
--gray-950: hsl(0, 0%, 7%);
--font-text: 'Figtree', sans-serif;
}
/* Example usage */
body {
background-color: var(--yellow);
font-family: var(--font-text);
}
Marked as helpful