Responsividade

Cada dispositivo contém sua própria proporção, logo, ter um conteúdo sobe medida se faz completamente necessário.

min-width

Para declarar o tamanho mínimo para aplicação daquele estilo. Define o inicio.

max-width

Para declarar o tamanho máximo para a aplicação daquele estilo. Define o fim.

Adaptação individual de Midias

Para usar imagens adaptadas para os variados tamanhos de tela pode ser usado o envelopamento em <picture> e declarando um source definir o tamanho para aplicação da midia alternativa ao arquivo <img>

    <picture>
        <source media="(min-width: )" srcset="">
        <img src="./localimg" alt="descriçãoimg">
    </picture>