HTML Responsivo - Não consigo editar corretamente -RESOLVIDO

Olá galera, estou com uma duvida, não consigo editar corretamente meu html para que fique responsivo, ora consigo editar as imagens corretamente mas não os textos e vice-versa, alguém poderia me ajudar?

O que eu quero fazer: Textos e imagens responsivos

Texto responsivo

Digo que você deve usar unidades de medidas relativas, como em ou rem.

Assim, diferente de uma unidade fixa como o pixel, o texto o vai diminuir ou aumentar em relação a algum elemento que também está redimensionando.

Links úteis

Imagens responsivas

Nessa situação, conheço duas abordagens diferentes.

Nesse sentido, a primeira delas é nada mais do que usar a propriedade max-width com valor 100%:

.imagem {
    max-width: 100%;
}

Ainda nesse assunto, o segundo e melhor modo é usar o atributo srcset para baixar diferentes tamanho de imagens, de acordo com o tamanho da tela do dispositivo.

Links úteis

1 curtida

Obrigado!!!