Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Results summary component

Kiran-Dev 190

@Kirandev242144

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Kiran-Dev 190

@Kirandev242144

Posted

please someone go through my code for what i did wrong cause there something wrong with centering my card in desktop screen i tried my best i dont know where i went wrong

0

@MaximilianoDanielGarcia

Posted

Hi @Kirandev242144,

If you're wondering why isn't centered It's because you need to add min-height: 100vh; on your body tag styles. Also, remove the margin-top isn't longer necessary.

I noticed that your .score should be bigger, try with a font-size: 68px;

After you apply these it will look better.

1
Kiran-Dev 190

@Kirandev242144

Posted

@MaximilianoDanielGarcia thank you very much :) its working now :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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