Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Figura não ocupa 100% width

Fala pessoal,

Estou tentando deixar a figura do banner na home da Barbearia Alura sem aquele espaço em branco nas laterais, mas mesmo com o CSS em width em 100% não fica.

Alguém poderia por favor dar uma revisada se está faltando algo?

Obrigado!

  • Código abaixo:

HTML

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Barbearia Alura</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <header>
        <h1 class="titulo-principal">Barbearia Alura</h1>
    </header>

        <img id="banner" src="banner.jpg">

CSS

header{

}

body{

}

#banner{
    width: 100%;
    margin: 0 0;
    padding: 20px 0;
}
2 respostas
solução!

Olá, Rodrigo.

Tudo bem?

Pelo que entendi, parece que ele está criando uma margin automática no <body>, é bem comum acontecer isso, pode ser resolvido com o arquivo reset.css porém acho que você ainda não chegou nessa parte, o professor vai explicar direitinho ao decorrer dessa formação.

O que você pode fazer para resolver por enquanto é colocar um margin: 0; no body, é bem comum acontecer isso e corrigir dessa forma.

body{
    margin: 0;
}

Espero ter ajudado.

Qualquer dúvida manda aqui de novo! :)

Valeu.

Valeu, Renan! Funcionou!

Muito obrigado!