Submitted 12 months ago

Result Summary Component

girldocode• 260

@girldocode

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

=> What did you find difficult while building the project?

Gradients
Layout => choosing between grid and flex.

=> Which areas of your code are you unsure of?

Color units like HSL, HSLA

=> Do you have any questions about best practices?

After reviewing my code what are the things I can improve. About semantic tags.

Community feedback

Da-achraf• 100

@Da-achraf

Posted 12 months ago

Hey, I hope you're doing well. You did a great job for this challenge, but you have one thing missing; you forgot to adjust the layout for small screens. You just have to set a media query for small screens that switches the flex direction from row to *column * and you're totally responsive !

Marked as helpful

girldocode• 260

@girldocode

Posted 12 months ago

Thanks @Da-achraf. Really I forgot about adding responsive CSS. Thanks for reminding me. I just updated repo and it is now responsive.

Da-achraf• 100

@Da-achraf

Posted 12 months ago

@girldocode you're welcome!

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