Skip to content
Submitted almost 3 years ago

Stats preview card component - HTML, CSS, Flexbox

Emilio•90
@E1000o
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

Hello everybody. This is my solution for the Stats preview card component challenge. I would be grateful if anyone could give me an opinion about my code. I can't find a way to make the purple halo under the image disappear in the mobile version (it's the bottom of a transparent div I've used to change the color of the image, probably editing the image file would have been a wiser solution). Thanks in advance. Happy new year

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmedPosted almost 3 years ago

    To get rid of the accessibility/HTML issues shown in your Report, wrap everything in your body in <main> ... OR use semantic tags ... OR give role="" to the direct children of your <body> ... Click here to read more

    Great job! :)

    Marked as helpful
    0
    Emilio•90
    @E1000oPosted almost 3 years ago

    @anoshaahmed Thanks!

    1
  • Emilio•90
    @E1000oPosted almost 3 years ago

    Turns out , the footer overlaps the main content on small screens. I believe it's because I've set the height of the body to 100VH. I'll just remove the footer, for now.

    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