Skip to content
Submitted over 3 years ago

Responsive Stat preview with HTML and Css 🚀

Mustafa•415
@Mostafa-T
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

Hey Coders 👋,

Just finished the Preview card project with custom Framework for responsiveness ! 🚀. Really looking forward to get your feedback 🔥 That would help me to develop more.

Sincerely, Mustafa

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hi, Mustafa! 👋

    Good effort on this challenge! 👍

    I'd just like to suggest doing a little more work on the responsiveness of the site. Currently, things look pretty good in purely the desktop and mobile layouts, but a horizontal scroll bar appears along the bottom of the page in between and not all of the content of the page can be seen without scrolling left/right. Switching to a mobile-friendly layout sooner to avoid this issue would be a good idea! 😉

    And this is a small tip but you could perhaps use the <article> tag of the card component (since it is a self-contained element) to make your HTML a little more semantic.

    Keep coding (and happy coding, too)! 😁

    1
  • Mustafa•415
    @Mostafa-TPosted over 3 years ago

    Thank you so much for you feedback ! I will be working on improving it more soon 🤓

    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