Solucionado
Ola pessoal
Eu coloquei os links igual como descrito na aula: Mas quando eu abro o index ele não encontra os arquivos, e não estiliza. Só aparece quando eu coloco o caminho completo do arquivo no meu computador: /home/moacir/Área de Trabalho/projeto-apeperia-b2501c63b2ebdfd8226473a6c8ffa8777e559efe/css Qual será o motivo?
Fala Moacir, tudo bem? Espero que sim!
Poderia por favor mandar aqui pra gente o código completo do seu HTML e se possivel uma print da tela mostrando como estão organizadas as pastas do seu projeto? Dessa forma consigo me contextualizar e te ajudar da melhor maneira possivel!
Aguardo o retorno!
Opa Matheus Obrigado pelo retorno. Desculpa a demora mas estava ausente. Segue o código:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Home - Apeperia</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet">
<link href="/css/reset.css" rel="stylesheet">
<link href="/css/base.css" rel="stylesheet">
<link href="css/cabecalho.css" rel="stylesheet">
<link href="/css/chamada.css" rel="stylesheet">
</head>
<body>
<header class="cabecalho">
<img src="img/logo-apeperia.svg" class="cabecalho__logo" alt="Logo da Apeperia">
<nav class="cabecalho__navegacao">
<ul>
<li class="cabecalho__link"><a href="#">Sobre</a></li>
<li class="cabecalho__link"><a href="#">Planos</a></li>
<li class="cabecalho__link"><a href="#">Blog</a></li>
<li class="cabecalho__link"><a href="#">Destaques</a></li>
<li class="cabecalho__link"><a href="#">Institucional</a></li>
<li class="cabecalho__link"><a href="#">Contato</a></li>
</ul>
</nav>
</header>
<main>
<section class="chamada">
<h1 class="chamada__titulo">Aplicativos Na Medida</h1>
<p class="chamada__texto">Apeperia tem um jeito inovador de comparar e montar aplicativos para pequenas e médias empresas.</p>
<a href="#" class="chamada__botao">Conheça os planos</a>
</section>
</main>
</body>
</html>
Bom dia, Moacir. Tudo bem?
Notei que quase todos os seus links no <head> estão com o href= com a / no início da indicação do caminho. Tente remover essa barra de todos eles assim como está no cabeçalho, assim:
<link href="css/reset.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/cabecalho.css" rel="stylesheet">
<link href="css/chamada.css" rel="stylesheet">As vezes quando um link de css não é importado direito pode ser que os próximos também não sejam importandos. Se colocando a barra como acima não der certo, tente apagar todo o caminho do href deixando apenas as " " e aperte CTRL+SPACE. Quando faz isso no vscode ele abre uma janelinha mostrando os arquivos e as subpastas da onde seu index está, apartir disso vc consegue ir navegando até achar se documento css propriamente. Pode fazer a navegação pelas pastas com as setas do teclado e enter ou com o próprio mouse.
Se tiver conseguido dessa maneira, marque o tópico como resolvido para eu acompanhar, por gentileza. Espero ter ajudado :)
Perfeito Bruno! Era isso mesmo!!! Muito obrigado