Viewport (Sichtbarer Bereich)

Breakpoint und Grid

Info

Schwarzer Rahmen ist Außerhalb des Elements und hat keinen Einfluss auf die Breite, er dient nur zur Abgrenzung der Zone
Die Skala grenzt die Messung ab. (großer Strich markiert 10er Pixel Schritte, ein Teilstrich 5px) Im Klammern steht die Summe des Abstandes links und rechts

Container-Breite

row (Zeile)

row Breite

col (auto; Spalte; Grid)

col (auto) Breite

col-1

col 1 Breite

col-11

col 11 Breite

col-2

col 2 Breite

col-10

col 10 Breite

col-3

col 3 Breite

col-9

col 9 Breite

col-4

col 4 Breite

col-8

col 8 Breite

col-5

col 5 Breite

col-7

col 7 Breite

col-6

col 6 Breite

col-6

col 6 Breite