Design comparison
Community feedback
- @RuxCastilloPosted about 1 month ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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