← alle Apps apps.sendepause.ch

Grid Finder

Pixel-Spalten erfassen → Tailwind-Grid ableiten

Spalten erfassen
px
Vergleich
Original (gemessen)
Variante A · px/fr-Grid
Variante B · 12-Spalten-Raster
Variante A · Ø Abweichung
Variante B · Ø Abweichung
Variante A · Gemischtes px/fr-Grid
CSS
Tailwind (Container)
SpalteZielErgebnisΔ
Die Kind-Elemente werden einfach der Reihe nach in die Tracks eingesetzt — keine zusätzlichen Klassen pro Spalte nötig. Fixe Spalten bleiben exakt, dynamische Spalten teilen sich den Rest im gemessenen Verhältnis.
Variante B · 12-Spalten-Raster
Tailwind (Container)
SpalteZielKlasseErgebnisΔ
Klick auf eine Zeile kopiert die col-span-Klasse. Ein span-basiertes Raster kennt keine fixen Pixelbreiten — Fix/Dynamisch wird hier ignoriert, alle Spalten werden anhand ihrer gemessenen Breite auf ganze Raster-Spuren gerundet.