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

Mobile-first results summary component using flexbox

SutonToch 340

@SutonToch

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

moonrose93 370

@moonrose93

Posted

Ohoo. Almost there! pls center the container in the middle of the page, its not centered. You should set your position to absolute and 50% from top and left so that the container to get in the middle of the page. If you find this helpful pls mark it as helpful.

1

SutonToch 340

@SutonToch

Posted

@moonrose93 ah yes, I somehow totally missed that requirement, thx.

I personally try to avoid using 'position: absolute;' wherever possible and since I used flexbox for the layout there is another possible solution:

height: 100vh;
align-items: center;
1
moonrose93 370

@moonrose93

Posted

Cool. Of course if you find my feedback useful mark it as helpful pls.

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