---
# System prepended metadata

title: 'Session Two Checkin:  Linguagem de Progamação'

---

# Session Two Checkin:  Linguagem de Progamação
**Autor**: Elias de Freitas Cavalcante
**Número**: 12
**Turma**: INFO C

## Print Mapa Mental
![](https://i.imgur.com/zHYsK10.png)










## Explicações:


Nesse vídeo é apresentado o uso do **@media** que é utilizado para deixar o site responsivo, que em outras palavras é como seu site ficaria em outro dispositivo, e nos utilizamos 3 partes principais: **Unidade de medida**, **Dimensão dos elementos** e **Posicionamento dos elementos**.

**Unidade:** px, pt, em, rem, %, vh e vw.

**Dimensão:** max-width, max-height, min-width e min-height.

**Posicionamento:** **@MEDIA**.
