Solucionado
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!
github: https://github.com/RafaFX/Formacao-o-HTML-CSS/tree/main/Forma%C3%A7%C3%A3o-HTML-CSS
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.
Muito obrigado!