1 | Was ist Responsive Webdesign? | Warum braucht man es? Wie hat sich das Web verändert? Was sind die Ziele? |
2 | Mobile First vs. Desktop First | Was sind die Unterschiede? Wann wendet man welchen Ansatz an? Was sind die Vor- und Nachteile? |
3 | CSS Media Queries | Wie funktionieren sie? Welche Breakpoints sind sinnvoll? Was sind typische Beispiele? |
4 | Flexible Layouts mit Flexbox/Grid | Wie helfen moderne Layout-Techniken beim Responsive Design? Welche Vorteile bieten sie? |
5 | Responsive Bilder & Medien | Wie setzt man Bilder effizient ein? Was sind srcset , sizes und Co.? Was ist zu beachten? |
6 | Frameworks und Tools | Welche Werkzeuge gibt es (z. B. Bootstrap, Tailwind, DevTools)? Wie unterstützen sie responsives Design? |