Desenvolvi uma página web com html e css, porem quando mandei o arquivo para um colega, reparei que a página não apresentava mais a estilização e nem as imagens.
OBS: Apliquei o css de forma externa durante o projeto.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Desenvolvi uma página web com html e css, porem quando mandei o arquivo para um colega, reparei que a página não apresentava mais a estilização e nem as imagens.
OBS: Apliquei o css de forma externa durante o projeto.
Olá Nicolas, tudo bem?
É muito comum que a estilização do site não apareça em outros dispositivos quando o CSS é aplicado de forma externa. Isso acontece porque o arquivo CSS não é carregado corretamente.
Para resolver esse problema, você pode utilizar caminhos relativos para o arquivo CSS. Em vez de utilizar um caminho absoluto, como "C:\Users\Nicolas\Documents\estilo.css", utilize um caminho relativo, como "../estilo.css". Isso fará com que o arquivo CSS seja carregado corretamente, independentemente do dispositivo em que o site for aberto.
Outra dica importante é utilizar o meta tag viewport no cabeçalho do seu HTML. Essa tag permite que o navegador saiba como deve ser exibido o conteúdo do seu site em diferentes dispositivos. Você pode adicionar a seguinte linha de código no cabeçalho do seu HTML:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Espero ter ajudado e bons estudos!