Skip to content
Submitted about 1 year ago

Result Summary Component

girldocode•260
@girldocode
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

=> 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-achrafPosted about 1 year 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
    1
    girldocode•260
    @girldocodePosted about 1 year ago

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

    0
    Da-achraf•100
    @Da-achrafPosted about 1 year ago

    @girldocode you're welcome!

    1

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