1
resposta

Não consigo colocar o background em toda a largura da tela, mesmo com width 100% ou 100vw

por Geice Sousa Pinho
| 107.6k xp | 17 posts

O CSS` .sobremim--container, .hobbies--container, .experiencias--container, .sociais-final--container{ width: 100vw; background-color: rgb(158, 158, 98); align-items: center;

}


O HTML
    <section class="sobremim">
        <div class="sobremim--container"><a name="sobremim"></a>
            <div class="sobremim--titulo">
                <h3>Sobre Mim</h3>
            </div>

            <div class="sobremim--texto">
             <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 500s, when an unknown printer took a galley of type and scrambled it to make a type   specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
                </p>
            </div>
        </div>
    </section>

`

Não consigo colocar o background em toda a largura da tela, mesmo com width 100% ou 100vw

1 resposta
por Rafael Silva E Silva
| 67.3k xp | 13 posts

Olá tudo bem?

Tenta zerar seu site usando:

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

E depois colocar o estilo que voce deseja.

Aqui seria ele com a cor de fundo na tela toda:

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


.sobremim{ 
    width: 100%; 
    height: 100vh;
    background: rgb(158, 158, 98); 
    align-items: center;

Agora se voce quiser colocar o fundo so na parte do texto tenta assim:

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


.sobremim--container, .hobbies--container, .experiencias--container, .sociais-final--container{ 
    width: 100vw;
    height: 50vh; /*a altura que voce deseja */
    background-color: rgb(158, 158, 98); 
    align-items: center;