Design comparison
Solution retrospective
It was a pretty interesting code i'd say for a newbie like me. So, what i found difficult while building was placing the ethereum and clock icon inline with the paragraph content but i guess i figured it out somehow.
I'm not really sure of the HTML tags i used buh hopefully they still count!
Not really
Community feedback
- @NehalSahu8055Posted over 1 year ago
Hello Coder 👋.
Congratulations on successfully completing the challenge! 🎉
Few suggestions regarding design.
➨Add this piece of code to make you card more responsive.
img { display: block; max-width: 100%; }
➨You forgot to add hover effect.
- I will give you some hints, Try it:
Approach 1
: Use pseudo element ::afterApproach 2
: Use overlay div.- Using
position: absolute
with some adjustment.
➨ Use
responsive units(rem, em, %)
from next project. Explore respective use cases on google.➨ You can use
accessibility features
likearia, sr-only, and title
which are accessible to screen readers.I hope you find this helpful.
Happy coding😄
Marked as helpful1
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