Realizei a inclusão conforme solicitado porém nao obtive mudanças no arquivo 'principal.html'
<head>
<meta charset="UTF-8">
<title>Alura Typer</title>
<link rel="stylesheet" href="css/libs/materialize.min.css">
</head>
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas
respostas
adicionando o materialize.min.css
Oi Diogo,
A inclusão do CSS deve ter alterado pelo menos as fontes de seu projeto, deixando elas com uma letra diferente. Repare se não houve pelo menos uma mudança sútil. Veja o console de desenvolvedor do seu navegador para ver se não há nenhum erro de importação de CSS.
Outro detalhes em que você poderá notar a mudança podem ser vistos quando você seguir o passo a passo do exercício abaixo:
https://cursos.alura.com.br/course/jquery-a-biblioteca-do-mercado/task/20676
Como por exemplo quando adicionamos a classe container em uma div que agrupará nossas outras tags.
Se após você terminar o exercício você não notar diferença, faça a verificação do seu console que mencionei acima e poste uma screenshot do resultado final com o console aberto para que possamos diagnosticar melhor o que está acontecendo.
Bom dia
Realmente houve erro na importação do css. Seguem abaixo as evidências:
Principal.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Alura Typer</title>
<link rel="stylesheet" href="css/libs/materialize.min.css">
</head>
<body>
<div class="container">
<h1>Alura Typer</h1>
<p class="frase">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<ul class="informacoes">
<li><span id="tamanho-frase">19</span> palavras</li>
<li><span id="tempo-digitacao">3</span> segundos</li>
</ul>
<textarea class="campo-digitacao" rows="8" cols="40" ></textarea>
<button id="botao-reiniciar">Reiniciar Jogo</button>
<ul>
<li><span id="contador-caracteres">0</span> caracteres</li>
<li><span id="contador-palavras">0</span> palavras</li>
</ul>
</div>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Diogo, posta aqui o erro que aparece no seu console.
Se estiver usando chrome, basta apertar F12 e ir na guia Console.
solução!
Esse era o erro: Failed to load resource: net::ERR_FILE_NOT_FOUND
Porém verifiquei que o fato de não conseguir importar o css se devia ao tamanho do endereço. Então alterei o nome de uma pasta onde se encontra o projeto e então o import foi realizado com sucesso.