Product preview card component (HTML + SASS)
Design comparison
Solution retrospective
Question
Is using an article tag without a heading element inside of it acceptable?
Built with
- HTML
- SASS
- BEM
- Flexbox
- CSS Grid
I'm always open to suggestions on how to improve the accessibility of my solutions.
Thank you. 😊
Community feedback
- @Tux3er-IsmaPosted almost 2 years ago
Hi Héctor
Congrats for completing this challenge, it looks awesome 🎉👍🏻
I will give you some tips for your next project 💡:
-
In the responsive mobile you can add
margin-top
to the card and quit theposition fixed
in the author information and put it down of the card -
To get your hover states more cool I recomend you to put
transition
. This is the documentation, 📖
You have done it perfect, congrats 🐧👍🏻😉
Have a nice coding ⌨️🌟
Marked as helpful0@hector535Posted almost 2 years ago@Tux3er-Isma Thank you for taking the time to give me some tips.
You're absolutely correct; utilizing margin-top instead of position fixed is a fantastic idea; I don't know why I didn't think of it before.
I should have used the transition property to make the hover state more elegant. 😅
1 -
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