Skip to content
Submitted 11 days ago

This is results summary component

Haaji-git•80
@Haaji-git
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 are you most proud of, and what would you do differently next time?

I hope I done this challenge 80% match so any feedback is open

Community feedback

  • Caleb Abuul•150
    @Caleb-AbuulPosted 11 days ago

    You did a great job. I love the custom properties and classes you created. However, I think you should make the #wrapper width 100% of its container or 100vw for mobile. Also, only apply border-radius to the bottom left and bottom-right of the score card. This will ensure the design looks like the mobile preview in the design file. Here's how to apply border radius to only the bottom corners of the score card.

    CSS
border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem;
    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