Skip to content
Submitted almost 3 years ago

Stats preview card component challenge hub

Ganesh•280
@Ganesh-Rathor
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

After learning the flex card game the responsive web is my biggest challange I learning @media tag for responsive but the probleme is image to set a image on 400px screen is bit difficult and the text are shrink on the screen. plese give me feedback your little programmer bro And one more question in my previous challange (three coloum component) the layout was different in my screen and the layout was different in frontened solution page (In my screen their are no more spacing below booton but in frontend page it exist)?

Community feedback

  • Kacper Kwinta•1,405
    @kacperkwintaPosted almost 3 years ago

    Hi!

    Some tips:

    • create <main> tag and wrap all other elements into this (semantic and accessibility), more about this here
    • page should contain a level-one heading
    • replace some px values to more relative units like rem or em
    • don't use px for font-size, here's why
    • for img tag u can use width: 100% and display: block properties to be responsive on all screen sizes
    Marked as helpful
    1

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