Grid einteilen mir fr oder viewport-width (vw)

[Gunnar Bittersmann]

@@grabs86

Spricht etwas für die Einteilung in fr?

Ja: dass du dem Rechner das Rechnen überlassen kannst. (Pun intended.)

Angenommen, dein Grid geht über die volle Viewportbreite und du willst die in 2 Spalten im Verhältnis 3 : 5 aufteilen. Dann müsstest du rechnen:

3 + 5 = 8
100vw : 8 = 12.5vw
3 × 12.5vw = 37.5vw
5 × 12.5vw = 62.5vw

um anzugeben
grid-template-columns: 37.5vw 62.5vw.

Völlig unnötig. So geht’s viel einfacher:
grid-template-columns: 3fr 5fr.

🖖 Живіть довго і процвітайте