Skip to content
Submitted 12 months ago

Results summary component - Responsive

Jeyson Fernández•40
@JeysonFR
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Some difficult positioning of elements, like the icon and the text, but I try to figure out the best way possible. If you have some time, please check the styles.css. I think some parts can be done in a better way.

Unsure about the part with the circle and the (75 of 100).

Please feel free to send me some feedback. Thanks.

Community feedback

  • christiano84•60
    @christiano84Posted 12 months ago

    You didn't do the mobile media queries.

    0
    Jeyson Fernández•40
    @JeysonFRPosted 12 months ago

    Hi @christiano84, yes I did it, not really sure how can I show it here, but when I visit the link the media queries are working.

    0
    christiano84•60
    @christiano84Posted 12 months ago

    @JeysonFR

    I see it now. I would increase the pixel size of the media query because a horizontal scrollbar appears at some browser widths. It's not what the exact challenge specifies to do but I think it is a logical thing to do for general usability.

    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