Skip to content
Submitted over 2 years ago

stats perveiw challenge using html & css

kasemkl•40
@kasemkl
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

Feedback on this will be great and any feedback on how i can improve this solution will really be helpful. any feedback is appreciated thank you all guys

Community feedback

  • Shashree Samuel•9,260
    @shashreesamuelPosted over 2 years ago

    Good job on this challenge. Keep up the good work.

    Try removing the div class=`attribution`> to fix the accessibility issue

    Marked as helpful
    1
  • Yemisrach•1,430
    @Yemisrach15Posted over 2 years ago

    Hey Kasemkl, The mobile design is not responsive. I have to slide sideways to see the content. Here's how I suggest you correct it.

    1. Remove min-width: 100vh from body. I don't think you should be using vh for width. Use vw
    2. Give width to body like width: 87%
    3. Set margin: 0 auto to center it.
    Marked as helpful
    1
    kasemkl•40
    @kasemklPosted over 2 years ago

    @Yemisrach15 thank you for your note ,i will try it :).

    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