Nehmen und Geben
min und max
Je nach Viewport brauchten Elemente mehr oder weniger Raum. Damit man auf diese Layout-Bedürfnisse eingehen kann, kann man eine Mindestgrösse oder Maxmimumgrösse für ein Element definieren.
Beispiele
Mindesthöhe
Wenn auf Desktop der Inhalt kleiner als das gewünschte Layout, aber auf Mobile der Gleiche Inhalt grösser als der Viewport wird, ist braucht man die responsive Höhen Angaben. Min-Height. z.B. min-height: 100vh.
Maxmiale Breite
Möchte man, das gewisse Layouts oder Bilder nicht überdimensional gross haben, wenn man das Layout auf einem 5K Bildschirm anschauen würde, so kann man das Layout mit einer maximalen Breite versehen. Dabei dürfen Layout-Teile kleiner sein, aber nie grösser. z.B. max-width: 1920px.
