Servus! > Hallo Jean, > > > Bei welcher Viewportbreite ist daher es sinnvoll, das Layout zu beginnen? > > Du meinst, welche Mindestviewportbreite man annehmen sollte? > > Ich würde sagen: 10em. Auf der Smartwatch. > > 20em. Auf einem Smartphone. Ja, 20 bis 25em sind normal für mobile Geräte. Wie @Rolf B schon sagte, gibt es keinen Grund das Layout nicht bei 0 beginnen zu lassen, z.B für SmartWatches. Besser ist es 1. keine Breitenangaben zu setzen (**Mobile first!**) 2. irgendwann mit einer Mindestbreite etwas anderes zu machen: ~~~ CSS @media (min-width: 50em) { aside { ... } } ~~~ Lies mal hier: [CSS/Tutorials/Einstieg/Media_Queries#Breakpoints:_Inhalt_über_Design](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Media_Queries#Breakpoints:_Inhalt_.C3.BCber_Design) > > Du musst halt gucken, ab welcher em Breite deine Seite sich sinnvoll verbreitern lässt. Sinnvoll **nutzen** lassen soll sie sich ja auch im schmalen Modus. > > Unterhalb von 60em darfst Du - finde ich - gerne eine Breite von 100vw ausnutzen. Unterhalb von 30em würde ich auch das Entfernen jeglicher body-Margins für sinnvoll halten. > > Aber mach nicht zu viele media-Breaks. Weniger ist da mehr. Jeder Media-Break muss getestet werden, ob das Layout noch passt. Genau. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! > Hallo Jean, > > > Bei welcher Viewportbreite ist daher es sinnvoll, das Layout zu beginnen? > > Du meinst, welche Mindestviewportbreite man annehmen sollte? > > Ich würde sagen: 10em. Auf der Smartwatch. > > 20em. Auf einem Smartphone. Ja, 20 bis 25em sind normal für mobile Geräte. Wie @Rolf B schon sagte, gibt es keinen Grund das Layout nicht bei 0 beginnen zu lassen, z.B für SmartWatches. Besser ist es 1. keine Breitenangaben zu setzen 2. irgendwann mit einer Mindestbreite etwas anderes zu machen: ~~~ CSS @media (min-width: 50em) { aside { ... } } ~~~ Lies mal hier: [CSS/Tutorials/Einstieg/Media_Queries#Breakpoints:_Inhalt_über_Design](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Media_Queries#Breakpoints:_Inhalt_.C3.BCber_Design) > > Du musst halt gucken, ab welcher em Breite deine Seite sich sinnvoll verbreitern lässt. Sinnvoll **nutzen** lassen soll sie sich ja auch im schmalen Modus. > > Unterhalb von 60em darfst Du - finde ich - gerne eine Breite von 100vw ausnutzen. Unterhalb von 30em würde ich auch das Entfernen jeglicher body-Margins für sinnvoll halten. > > Aber mach nicht zu viele media-Breaks. Weniger ist da mehr. Jeder Media-Break muss getestet werden, ob das Layout noch passt. Genau. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“