Como mostra a imagem abaixo a img das cadeiras n esta ocupando 100% do espaço e n sei como arrumar isso já tentei de diversas formas, vou deixar o link do repositorio caso alguem consiga ajudar!<br><

Img não está ocupando 100% da div | HTML5 e CSS3 parte 2: posicionamento, listas e navegação

Olá, Rafael. Dei uma olhada no seu código e verifiquei que o arquivo css que está usando a propriedade width do banner ta em 50%.

você ta usando o arquivo index.css

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Barbearia Alura</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="reset.css">
</head>

Como o efeito é cascata, o ideal é chamar o reset.css antes do index.css Mas não é isso que está fazendo sua imagem ficar assim. Aqui segue o trecho no index.css que está deixando sua imagem na metade ta tela.

#banner {
    width: 50%;

}

Espero ter ajudado.