tl;dr: design responsivo é feito com boas regras em media queries, que preciso estudar mais, e também aprender a usar mais as medidas relativas do CSS.
CSS: Para que serve @media?
Para criar uma media query.
CSS: Qual media query aplica estilos para telas com no máximo de 800px de altura?
@media (max-height: 800px)CSS: Qual media query aplica estilo para telas com no mínimo 100px de largura?
@media (min-width: 100px)CSS: O que display: block; faz?
Seta o elemento para ser renderizado como um bloco.
CSS: O que display: inline; faz?
Seta o elemento para ser renderizado seguindo a linha de texto.
CSS: Qual medida é vw?
viewport width
CSS: Qual medida é vh?
viewport height