Erstellen Sie flexible Abstandssysteme, die stufenlos zwischen kompakten Smartphones und ultrabreiten Desktop-Monitoren skalieren.
Abstandsgrenzen eingeben
Geben Sie das minimale mobile Padding und das maximale Desktop-Padding in Pixeln ein.
Bildschirm-Grenzwerte definieren
Legen Sie die Start- und End-Grenzwerte der Bildschirmbreite für die Abstandsskalierung fest.
Auf Abstandsregeln anwenden
Kopieren Sie den berechneten Wert und fügen Sie ihn in Ihre `padding`-, `margin`- oder `gap`-Eigenschaften ein.
Ersetzen Sie sich wiederholende `@media`-Query-Blöcke in Ihren Design-Tokens durch eine einzige deklarative clamp()-Regel.
Sorgt dafür, dass das Section-Padding niemals unter Usability-Mindeststandards fällt oder Layoutgrenzen sprengt.
Ja, clamp() funktioniert gleichermaßen für die Eigenschaften gap, margin, padding und width.
Die Eigenschaft wird fest auf den definierten Maximalwert fixiert und wächst nicht weiter.