# Media Queries no CSS

---

### **🎥 Vídeo(s) Recomendado(s)**

- 🔗 <span style="white-space: pre-wrap;">Vídeo</span>: [Felipe Rocha • Full Stack Club • Aprenda MEDIA QUERIES no CSS em 10 MINUTOS](https://www.youtube.com/watch?v=r11FflkQqJs "Felipe Rocha • Full Stack Club • Aprenda MEDIA QUERIES no CSS em 10 MINUTOS")
    - ⏰ Duração: 10:32

---

### **🗝️ Pontos-chave (Perguntas-guia)**

- <span style="white-space: pre-wrap;">Se você consegue responder isso, você entendeu o módulo. </span>
- Essas perguntas poderão ser usadas futuramente para validação.

#### **❓ Perguntas:**

- O que é uma media query?
- Para que servem media queries no CSS?
- Qual a diferença entre `min-width` e `max-width` ?
- O que significa design responsivo?
- Quando usar media queries em um projeto?
- O que acontece se não usar media queries em layouts responsivos?
- Como aplicar estilos diferentes para mobile e desktop?

---

### **🔗 Material de Apoio**

##### Referência rápida para uso prático.

- [W3 Schools • CSS Media Queries](https://www.w3schools.com/css/css3_mediaqueries.asp "W3 Schools • CSS Media Queries")
- [W3 Schools • Responsive Web Design - Media Queries](https://www.w3schools.com/css/css_rwd_mediaqueries.asp "W3 Schools • Responsive Web Design - Media Queries")