Full Stack MERN Web Development

Responsive Web Design (RWD)

Back to Class Page

---

• RWD Basic and the Meta Tag
• RWD Media Queries
• Mobile First using width
• Desktop First using width
• Media Queries Using Screen
• Media Queries Using Orientation

---

These are the average media queries
• Mobile devices: 480 pixels or less
• Tablets and iPads: 481 to 768 pixels
• Small screens and laptops: 769 to 1024 pixels
• Desktops and large screens: 1025 to 1200 pixels
• Extra large screens and TVs: 1201 pixels and greater

Back to Top