Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Blog preview card

@Chiwanza16

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Ruben 40

@RuxCastillo

Posted

Hi Marvelous, I wanted to share a quick tip about the :hover pseudo-class. It allows you to change an element's style when the mouse hovers over it, without needing JavaScript. This could help you complete the hover effect in your current challenge.

Also, I noticed the <h3> you used for "Learning." A better place for this heading might be in the card's title. You could replace the current <h3> with a more appropriate tag, like <span> or <mark>.

Lastly, I saw you used quite a few <div> elements. To avoid "divitis," try using more semantically correct elements, similar to the <main> tag you already included. This will improve your markup structure.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord