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

All comments

  • VHugo632• 220

    @VHugo632

    Posted

    Hello ! Good job for your solution :)

    Concerning your problem about the center of your component, you can put into <body> with CSS :

    • "witdh: 100%"
    • "height: 100vh"
    • "display: flex"
    • "justify-content: center"
    • "align-items: center"

    Moreover, delete "margin-top: 5%" from <main> to have a perfectly centered component.

    Finally, I have noticed that your <header> (the main text of the card) and in particular his content (so <p> with "Improve your front-end ...") is not centered. To fix this, you can put into <p> : "text-align: center".

    I hope that my message will help you, so tell me if it works or if you still need help :)

    Marked as helpful

    1