Eu não consegui dimensionar o banner com a largura 100% através do arquivo externo como foi explicado pelo professor. No meu caso o nome do arquivo é format.css, estão todos juntos na mesma pasta, e eu não observei nenhum erro de sintaxe: Forma como eu referenciei o ID no arquivo externo:
#banner {
width: 100%;
}<!DOCTYPE html>
<html lang-"pt-br">
<head>
<meta charset-"UTF-8">
<title>Barbearia Alura</title>
<link rel="stylesheet" href="format.css">
</head>
<body>
<img id="banner" src="banner.jpg"; style="width:100%">
<h1> Sobre Barbearia Alura:</h1>
<p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba.</p>
<p>Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>
<p id="missao"><em>Nossa missão é: <strong style="color: #FF0000">"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>
<p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. </p>
<p>O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</body>
</html>FORMAT.CSS:
body{ background: #CCCCCC }
#banner { width: 100%; }
h1{ text-align: center }
