Design comparison
SolutionDesign
Solution retrospective
How does one make the image purple?
I looked at some other frontend mentor's code to see how he did it and copied it partially but don't understand everything.
How to make my solution more responsive, at the moment it looks good on small screens and large screens but not really on those between.
Community feedback
- @aykinsancakliPosted 9 months ago
Hi @JanAbe,
You can use background-image property
background-image: linear-gradient( to right bottom, rgba($color-primary-light, 0.8), rgba($color-primary-dark, 0.8) ), url(../img/nat-4.jpg); background-size: cover;
So you can add a layer of gradient on top of the image you want 😉.
Cheers,
Aykın
Marked as helpful0@JanAbePosted 9 months ago@aykinsancakli
Thank you so much for the clear and easy answer!
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