Skip to content
Submitted almost 4 years ago

Stats preview card component solution

Ronald Arias•80
@rparias
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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

Please log in to post a comment

Log in with GitHub

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