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