1
resposta

[Projeto] Desafio HTML

Seguindo as instruções do desafio consegui chegar nessa conclusão. Acabei utilizando um facilitador para a base da estrutura html com o "!" que faz o preenchimento automático e adicionando as tags lang, meta charset e meta name/content. Pelo que entendi desta ultima, ela redimensiona a pagina quando é aberta em dispositivos móveis (certo?).

A única alteração que precisei fazer foi com as dimensões da imagem já que ela acabou ficando muito grande na página, então com uma rápida pesquisa descobri que utilizando os elementos height e width dentro da tag img, da pra manipular o tamanho da imagem.

Um print mostrando codigo em html e como ele é apresentado no navegador

1 resposta

Olá Alexis. Tudo bem?

Que bom que você está progredindo no desafio!

Meta Tag viewport

A tag <meta name="viewport" content="width=device-width, initial-scale=1.0"> é usada em páginas web para controlar como o conteúdo da página é exibido em diferentes dispositivos, especialmente em celulares e tablets.

Redimensionamento de Imagens

Você fez bem em ajustar as dimensões da imagem usando os atributos height e width na tag <img>. Isso é uma maneira prática de controlar o tamanho das imagens diretamente no HTML.

Continue praticando.

Um abraço e bons estudos.