Media Query

Mobile First bedeutet, dass Webseiten zuerst für Mobile Phones, und erst in zweiter Linie für Desk- und Laptop´s entworfen werden sollten. Statt also die Stile zu ändern, wenn die Breite kleiner als 768px wird, sollte das Layout ändern, wenn die Breite grösser als 768px wird.

Öffne diese Seite mit einem Bildschirm >768px und verkleinere das Fenster in der Horizontalen. Im CSS beginnt der Script mit:

@media only screen and (max-width:768px) {body {...

▸ Content