Design comparison
SolutionDesign
Solution retrospective
Open for any suggestions and feedback.
Community feedback
- @darryncodesPosted almost 3 years ago
Hi Elvinas,
Real nice design, well done!
I noticed a little line at the bottom of the image on mobile. Add
display: block;
to.card__image
.Also as an alternative option to the overlay approach you could try adding a solid
linear-gradient
to a background image:background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath);
You would also need to explore
background-blend-mode
(multiply
usually does the trick)Happy coding 🤙
Marked as helpful2@elvinasnPosted almost 3 years ago@darryncodes Thank you for your feedback, i will check these out!
0
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