# CHEKIN 2
Autor: Mateus Eustáquio INFO A

[toc]

Bom, o @media ele utilizado para fazer o a reponsividade do site no caso usamos dessa maneira

@media (aqui colocamos a logica do media, que no caso pode ser: max-width: 600px)
{
E a logica funciona desse jeito, todas as telas que estiverem a baixao de 660px vai ficar com a configuração que está sendo colocar entre as chaves.

div {
backgroud: blue; 
}

}

A tambem outros operadores logico que ajudam no @media, isso o and, entre outros...

Media Absolutas são essa:
cm, mm, pc, px, in, pt

Media Relativas são essa:
em, ex, rem, vw, vh, %