Skip to content
Submitted over 1 year ago

stats-preview-card-component

Kevin Zehner•50
@kevinzehner
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

found this challenge pretty difficult, I had some struggles with making the design mobile friendly. The image keeps disappearing as the screen size is reduced, would appreciate any advice on how I can fix this.

Thank you!

Community feedback

  • Ed-dyb Abdelilah•1,560
    @eddybproPosted over 1 year ago

    Hi, Kevin 👏

    You did a nice job, for the image issue here a way to solve it:

    • CSS code:
    @media (max-width: 47em){

.card-img-box {
height:30rem;
}

/*  TIP :  for  the border radius of the container-inner*/

.container-inner{
border-radius:1rem;
}

}

    Again you did a nice job.

    Good Luck :)

    0

Please log in to post a comment

Log in with GitHub

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