Heléne - Project news site

[Heleneabrahamsson]

link: https://master--bejewelled-bubblegum-a74c42.netlify.app/

[JennieDalgren]

Great job with your News Project!
Here are some feedback:

Responsive Typography and Images:

If you want to improve, even if we havent talked about this that much yet. Try to use relative units (like em, rem, or %) for font sizes and image widths rather than fixed px values. This ensures a smoother experience on various screen sizes.

Example:

h1 {
    font-size: 2rem; /* Scales better with screen size */
}
img {
    width: 100%; /* Makes images responsive */
}

HTML Structure:

Excellent choice of semantic elements like <header>, <main>, and <article>. One suggestion is to make sure that you have only one <h1> per page to maintain a clear hierarchy.

Example:
<h1>Main News Headline</h1> <!-- Keep only one h1 per page -->

Great work so far! Keep going, and these small tweaks will make your site even better. 👏