Skip to content
Submitted almost 3 years ago

Responsive stats preview using pure CSS

Lucas Vieira•140
@JimCarey08
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

I would like your feedback on this, because i struggle a lot with media queries and need to improve, so let your thoughts ahead, it will be pleasured. Thanks!!!

Community feedback

  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    Hi! Lucas, Good work my friend and I have noticed some issues in your work.

    Your Desktop design is OK, I mean not too good. All issues that I noticed can be seen on mobile response.

    1. Your design overflowing, I mean I can scroll your design both vertically and horizontally.

    2. Because design overflow, it impacts BAD USER EXPERIENCE.

    3. Your main image overaly is going outside from it image, and I guess you have to add some other properties too in order to fix it.

    I think more CSS work is left by you, so I would suggest you to complete it by implementing media-queries . I hope you understand.

    Best Of Luck

    Marked as helpful
    0
    Lucas Vieira•140
    @JimCarey08Posted almost 3 years ago

    @skyv26 Thanks, i'll work on it! Some tips?

    1
    Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    @JimCarey08 Really need more work on CSS.

    Polish your skills in below areas

    1. DISPLAY property.
    2. FLEXBOX
    3. Absolute and Relative units

    Best Wishes

    Marked as helpful
    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