Skip to content
Submitted over 3 years ago

Card of presentation using html, images and css.

Carlos Rubio•330
@CarlosRubio9827
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

How is it done so that the scroll does not go off the screen?

Community feedback

  • Faris P•2,810
    @FarisPalayiPosted over 3 years ago

    Set the height to height: auto in the card and give some padding on the bottom in the mobile version.

    • Also, try to increase the font-size because, currently, the text is unreadably small.
    • And don't use the <h4> tag just for the styling purposes because using them where there are not supposed to be used can make the site accessibility worse.

    Take a look at this guide if you can : HTML: A good basis for accessibility

    Happy coding ✨

    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