Skip to content
Submitted 11 months ago

Responsive Summary Component with Flexbox

Clinton•100
@eghosaclinton
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

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

  • Svitlana Suslenkova•5,320
    @SvitlanaSuslenkovaPosted 11 months ago

    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
    @eghosaclintonPosted 11 months ago

    @SvitlanaSuslenkova Thanks for the Tip!

    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