Skip to content
Submitted about 2 years ago

Bootstrap 5, margin, padding

Faruq Hameed•190
@Faruq-Hameed
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Aligning the entire content to the center. Even after using justify-content:center and alignment. So I had to use positioning to move it virtically to the center after using margin 0 auto(this worked).

Community feedback

  • ANDERSON BRUNO LOPES VALE•60
    @andersonBrunuPosted about 2 years ago

    Opa, bom solução parabéns pela iniciativa, Acredito que a centralização não tenha dado certo porque o body esta ocupando apenas o tamanho vertical do conteúdo que esta dentro dele, pra resolver isso basta: body{ height: 100vh; display: flex; justify-content: center; align-items: center; margin: 0 auto; }

    isso faz o conteúdo que esta dentro do body ficar centralizado na tela verticalmente. qual duvida so responder que se eu puder ajudarei.

    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