Design comparison
Solution retrospective
Any suggestion would be helpful
Community feedback
- @catherineisonlinePosted almost 2 years ago
Cool solution!
To improve semantics, make sure to wrap the entire code in the main tag not including header or footer tags. It will help to remove report issues and improve accessibility as well.
IF THIS WAS HELPFUL PLEASE MARK IT AS HELPFUL 🤩
Marked as helpful0 - @EbibeniPosted almost 2 years ago
Hi Mahin, Your work looks great and I would like to add a few. You need to make the cursor turn into a pointer on hover. you can do that by adding the code to the hover stage.
Example.
.card__title:hover { color: var(--first-color); cursor: pointer; } .card__images:hover .card__img-overlay { opacity: 1; cursor: pointer; } .card__creator-data span:hover { color: var(--first-color); cursor: pointer; }
IF THIS WAS HELPFUL PLEASE MARK IT AS HELPFUL 🤩
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