Skip to content
Submitted almost 4 years ago

Stats preview card component solution

Ronald Arias•80
@rparias
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, I'd like to know how to display the image for desktop version without clipping on the right side, I mean, I'd like to display the image with a 100% width but when I use the background-size: cover property I can't. Any ideas? Thanks in advance

Code

Please log in to post a comment

Log in

Community feedback

  • Zachariah Kozlowski-Best•75
    @zach7815

    I found that using the ::after pseudo helped for my method. This video is what I used to achieve it: https://www.youtube.com/watch?v=mT10ZJdlh9Y

    The person uses SCCS so you need to edit the code to get it to work (unnest some properties).

    I hope this helps or gives you some direction to how to solve your problem.

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