Submitted 10 months ago

Results summary component - Responsive

Jeyson Fernández• 40

@JeysonFR

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Results summary component

HTML
CSS

1newbie

View challenge

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

@christiano84

Posted 10 months ago

You didn't do the mobile media queries.

Jeyson Fernández• 40

@JeysonFR

Posted 10 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.

christiano84• 60

@christiano84

Posted 10 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.

Please log in to post a comment

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