Categorias
Estudos

7 coisas sobre Princípios de Web Design Responsivo que aprendi com o freeCodeCamp

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

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *