1
resposta

1) Adaptando imagens para diferentes tamanhos de tela

html

Descrição da imagem

css

.container { width: 100%; /* Defina a largura do container como 100% para ocupar toda a largura da tela / max-width: 720px; / Defina a largura máxima do container para 720px / margin: 0 auto; / Centralize o container na página / padding: 20px; / Adicione algum espaço interno ao container, se necessário */ }

.apresentacao__imagem { width: 50%; /* Define a largura da imagem como 50% do elemento pai / height: auto; / Mantém a proporção da imagem / display: block; / Garante que a imagem não tenha margens extras / margin: 0 auto; / Centralize a imagem no seu contêiner / }.container { width: 100%; / Defina a largura do container como 100% para ocupar toda a largura da tela / max-width: 720px; / Defina a largura máxima do container para 720px / margin: 0 auto; / Centralize o container na página / padding: 20px; / Adicione algum espaço interno ao container, se necessário */ }

.apresentacao__imagem { width: 50%; /* Define a largura da imagem como 50% do elemento pai / height: auto; / Mantém a proporção da imagem / display: block; / Garante que a imagem não tenha margens extras / margin: 0 auto; / Centralize a imagem no seu contêiner */ }

1 resposta

Oi Luiz, tudo bem?

Parabéns pelo esforço e dedicação, é muito gratificante ver o progresso dos estudantes.

Continue assim, sempre buscando mais conhecimento e aprimorando suas habilidades.

Lembre-se de que, além de compartilhar aqui no fórum, você também pode marcar a Alura nas redes sociais para que mais pessoas possam ver seu trabalho.

A Alura tem perfis em várias redes sociais, você pode encontrá-los aqui.

Um abraço e bons estudos.