Design comparison
SolutionDesign
Solution retrospective
Could not figure out how to get the image purple.
Community feedback
- @RuanEsterhuysePosted over 2 years ago
Hi!
Your solution looks good.
Here is one suggestion on what you can add to your code to get the image purple.
I hope it will be helpful. Happy coding!
.main-span { font-size: 3.5rem; color: #ab5cdb; } .item-2 { display: flex; position: relative; } .item-2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; background-color: hsl(277, 88%, 33%); border-radius: 0 10px 10px 0; }
Marked as helpful1@shaughnroquePosted over 2 years ago@RuanEsterhuyse Thank you so much! I will try this solution 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