1
resposta

Duvida margin com bootstrap

Ola!

Realizando a atividade de bootstrap, notei que em telas maiores ( lg ) ficou um espaco a direita sobrando.

Tentei usar o me-lg-0 e a margem continua la.

obs.: nao vou colocar o codigo todo, apenas o inicio e com o primeiro card

<section class="py-5 px-5 me-lg-0 ">

      <h2 class="fw-bold text-center pb-1 ">Nosso Produtos</h2>

      <div class="row mx-0">

        <div class="col-12 col-md-6 col-lg-4  ">
          <div class="card border-0 btn  " style="width: 18rem;">
            <img src="assets/produtos-cafe-tradicional.png" class="card-img-top" alt="xicara de cafe preto">
            <div class="card-body text-center">
              <h3 class="card-text fw-bold ">Cafés Tradicionais</h3>
            </div>
          </div>
        </div>

Imagem de como esta hoje: https://prnt.sc/dQbXi-EoRWsw

1 resposta

Olá Cauan!

Pelo que entendi, você está tendo problemas com a margem direita em telas maiores. Para corrigir isso, você pode tentar utilizar a classe "mx-auto" na div que contém o seu conteúdo, dessa forma:

<div class="row mx-auto">

Essa classe centraliza o conteúdo horizontalmente e pode ajudar a resolver o problema da margem que está sobrando.

Espero ter ajudado e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software