_nehal💎• 6,710
@NehalSahu8055
Posted
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 ::after
Approach 2: Use overlay div.
- Using
position: absolutewith some adjustment.
➨ Use responsive units(rem, em, %) from next project. Explore respective use cases on google.
➨ You can use accessibility features like aria, sr-only, and title which are accessible to screen readers.
I hope you find this helpful.
Happy coding😄
Marked as helpful
1
