Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

State Preview Card Component

@sufiyan0

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I am unable to add opacity on a picture can any one help me or suggest me how I add opacity on the picture . Your advice is very helpful for me to improve my Frontend skills

Than You

Community feedback

eve 230

@Eve-Wangari

Posted

Hi there, my proposed solution is to set the image as your background. Inside your image class add another class which give the background color. remember to set the height and width of the inner class to fit the image class, otherwise it will not show. so your code looks something like this: html:

<div class="image"> <div class="purple"> </div> </div> Good luck and happy coding!

Marked as helpful

2

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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