Skip to content
Submitted over 1 year ago

CSS GRID and FLEXBOX

Erik Samuel Medeiros•180
@samuerikcoder
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

I have 3 questions about Challenge:

1.Why in mobile dimensions the top of the card is hidden and does not appear at all? how can I solve this?

2.At some widths the image does not occupy 100% of the screen.

3.Why did I have to force the image in desktop dimensions to occupy 100% height?

Community feedback

  • Faisal Ahmed•410
    @faisalahmed11Posted over 1 year ago

    Hi there @samuerikcoder, the solution to question 2 is given below.

    just replace your image styles with

    img {
height: 100%;
}
    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