Submitted over 3 years ago

Stats-Preview-Card Component

Dammie• 100

@oluwadamilola21

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Stats preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Please how do I add the color overlay on the image?

Community feedback

Akash Verma• 810

@akash-1712

Posted over 3 years ago

In image (div) add property=>background-image: linear-gradient(to left, rgba(170, 92, 219, 0.5), rgba(170, 92, 219, 0.5)); and background-size: cover;
In image add property => opacity=0.3. And one suggestion=>In image (div) and image, set width and height=100% to make image resonsive.

Dammie• 100

@oluwadamilola21

Posted over 2 years ago

@akash-1712 thank you

Please log in to post a comment

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