Design comparison
SolutionDesign
Community feedback
- @georgebleyerPosted over 1 year ago
Hello,
Congratulations on completing this challenge. Here are some tips on how you can make the image purple:
In the HTML
<picture></picture>
In the CSS
picture{ background: url("../images/image-header-mobile.jpg"); background-color: hsl(277, 64%, 61%); background-blend-mode: multiply; }
The
<p>
you can include aopacity: 60%;
to make it more like the project.I hope it helped.
Marked as helpful0@Great-kiolaPosted over 1 year ago@georgebleyer so when i added the picture to a div, I didn't show up, i had to add a text to the picture tag for it to show up the image.
You can check my git repo, to understand my file structure better, Thank you.
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