blog-preview-card-main

Nice one 😀,

Here are some thing to review:

• Use Semantic Tags: Replace generic <div> tags with more meaningful tags like <article> or <section> for better content structure.

• Image Wrapper: Use the <figure> tag instead of <div class="img-box"> to semantically group the image, especially if a caption is included.

• Publication Date: Replace <p class="card-date"> with the <time> tag to better represent the date.

• Attribution Section: Consider using a <footer> tag for the attribution section to enhance document structure and semantics.

• Improved Accessibility: These changes enhance accessibility, SEO, and overall readability.

Hope you found this comment helpful 💗💗💗

Good job and keep going 😁😊😉

Hi Lauren,

Nice project! As mentioned in the previous feedback, try to avoid using <div> elements where possible by replacing them with semantic HTML elements. This practice not only improves accessibility but also enhances SEO. If you can't find a suitable semantic element to use, consider adding aria-label="" attributes to your <div> elements to provide descriptions for screen readers.

Hope this helps!

Best, Teodor

Try using svh instead of vh since svh reflects the smallest possible viewport height that is visible to the user. It should kill the scrolling though