Skip to content
OverviewSolutions
11
Comments
1
VHugo632
@VHugo632

All comments

  • VHugo632•220
    @VHugo632Posted over 1 year ago

    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