Submitted over 3 years ago

Stats preview card with grid and flexbox (corrected)

Julia•210

@yulich81

A solution to the Stats preview card component challenge

Preview Code

Solution retrospective

I used linear-gradient to create transparent purple overlay for img:

background-image: linear-gradient(90deg, rgba(120, 9, 121, 0.45) 35%, rgba(120, 9, 121, 0.45) 100%), url(./images/image-header-desktop.jpg);

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Julia's solution.

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