---
# System prepended metadata

title: CHEKIN 2

---

# 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

````` csharp 
@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, %

![](https://i.imgur.com/WWCrinh.png)




