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

Responsive Summary Component with Flexbox

Clinton 100

@eghosaclinton

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


With this Solution, I can say I have finally understood and learnt the Concept of Responsive Design.

However, If you have any tips for a better code and best CSS practices, feel free to drop.

I'm very open to criticism. :)

Community feedback

@SvitlanaSuslenkova

Posted

Also had a problem with align to the center a few month ago. Try these: body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } or body { display: grid; align-items: center; justify-content: center; min-height: 100vh; }

Marked as helpful

1

Clinton 100

@eghosaclinton

Posted

@SvitlanaSuslenkova Thanks for the Tip!

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