Skip to content
Submitted 4 months ago

Responsive Result and Summary Compoment

quypq147•150
@quypq147
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

What are you most proud of, and what would you do differently next time?

I learned about how to build a Responsive Page.This take me 2 days to learning.I feel that i just use it too small.In the next solution challenge,i will use responsive build more

Community feedback

  • Daniel 🛸•44,250
    @danielmrz-devPosted 4 months ago

    Hello @quypq147!

    Your solution looks excellent!

    I noticed that your card wasn't centered so I checked your code and found out why. That's the reason:

    You meant min-height instead of min-width here, right?

        body {
     /*   min-width: 100vh; ❌  */
        min-height: 100vh; ✅
        display: grid;
        place-items: center;
    }

    You just have to correct that part and the card will be placed in the middle of the page 😊

    I hope it helps!

    Marked as helpful
    0
    quypq147•150
    @quypq147Posted 4 months ago

    @danielmrz-dev oh my bad.Thank your help

    1

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