Solucionado
Boa noite pessoal. Fiz as modificações na pagina home. Ocorreu tudo certo. Quando o professor pediu para fazer na pagina produtos e contatos... ai deu ruim. Eu nao sei onde mudar para começar a configurar essas outras paginas. Por onde eu começo? obrigada.
hoje, com a Alura e o Google Gemini
Olá! Depois de apanhar também com isso descobri que esse problema ocorre devido ao html dos "produtos" e "contato" não ter a linha:
<meta name="viewport" content="width=device-width">E não ter a linha da fonte:
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">Após acrescentar essas linha no html das paginas "produtos" e "contato", elas passaram a aceitar a formatação do CSS:
/************************************************************************
************ CSS style for media screen (max-width: 480px)***************
*************************************************************************/
@media screen and (max-width: 480px) { }Exemplo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Contato - Barbearia Alura></title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
</head>Por favor comente se ajudei!
Valeu!