[PT-BR] HTML, CSS, Breakpoints, Media queries
Breakpoints (pontos de interrupção)
Pensar de forma responsiva, para diferentes tamanhos e tipos de telas de aparelhos é essencial para uma boa experiência do usuário e pensar como você quer dispor os elementos na tela.
Nós temos que aplicar diferentes tipos de características e formas de estilizar a página de acordo com diversos tamanhos e proporções de tela.
Podemos adicionar media queries para lidar com os diferentes breakpoints, onde a página deve se adaptar à mudança esperada naquela proporção da página e da tela.
Evite usar o @import por questões de desempenho.
@import url(“no.css”) only screen and (min-width: 500px);