1
resposta

Versão mobile produtos e contato.

Queria sabe se o código que fiz está ok desse jeito para as páginas dos produtos e contato? Adicionei a fonte que usamos no index às outras páginas também,assim como fiz alterações no @media para ficar correto na versão mobile.

Segue o link do projeto: https://drive.google.com/file/d/1Y-8YWnxK5wy4BhgGMTewLMeoldoNFKXX/view?usp=sharing

1 resposta

É, Isabele, funcionou direitinho aqui também.

A fonte, a alteração do layout quando diminui a tela, tudo certinho.

Só que, claro, não dá pra cobrir o assunto de responsividade em 20 minutos de vídeo. Com certeza se a gente ficar mexendo no tamanho da página acontecem alguns erros. Tipo, se diminuir a tela mais do que 365px os links de navegação ficam desorganizados:

Print do site com o tamanho 320px, o link contato fica abaixo dos links home e produtos

Daí tem que ir encontrando soluções pra esses probleminhas.

Na própria Alura, na formação de HTML e CSS, tem uns cursos de responsividade. Eu ainda não cheguei neles, mas com certeza o assunto vai ser bem mais discutido e dá pra aprender bem mais coisas.

Eu também recomendo que você faça o curso de Git e Github, assim quando você quiser compartilhar código fica mais eficiente do que o drive.