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

Result summary component - flexbox

@MathiasDWaterlaw

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any suggestion is welcome! Especially when it comes to responsiveness

Community feedback

P

@KrishnaVishwakarma1595

Posted

Hi, @MathiasDWaterlaw

  • You don't need to provide margin: 25% auto to your main container to make it center vertically/horizontally. As I can see you used display: flex in body, you can provide a min-height:100vh to your body so the main will be centered.

  • You can start using the CSS reset

Marked as helpful

2

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