Breakpoints

Eine moderne Website muss auf allen Geräten gut aussehen – von Desktop bis Smartphone.
Framer bietet dafür sogenannte Breakpoints, mit denen du festlegst, wie sich dein Layout bei verschiedenen Bildschirmgrößen verhält.

Standardmäßig gibt es drei Breakpoints:

• Desktop

• Tablet

• Smartphone

Du kannst diese anpassen oder eigene hinzufügen. So kannst du etwa auf mobilen Geräten Schriftgrößen verkleinern, Layouts umstellen oder bestimmte Elemente ausblenden.
Einen neuen Breakpoint kannst du hinzufügen, indem du den Balken über dem Aktuellen auswählst und rechts auf das Plus-Symbol klickst.

Änderungen auf dem primären Breakpoint (im Normalfall “Desktop”) werden für alle anderen Breakpoints übernommen, Änderungen auf einem der abgeleiteten Breakpoints allerdings nicht.