Grid einteilen mir fr oder viewport-width (vw)
bearbeitet von
@@grabs86
> Spricht etwas für die Einteilung in fr?
Ja: dass du dem Rechner das Rechnen überlassen kannst. *(Pun intended.)*{:@en}
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`.
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix
Grid einteilen mir fr oder viewport-width (vw)
bearbeitet von
@@grabs86
> Spricht etwas für die Einteilung in fr?
Ja: dass du dem Rechner das Rechnen überlassen kannst. *(Pun intended.)*{:@en}
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:
5 + 3 = 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`.
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix
Grid einteilen mir fr oder viewport-width (vw)
bearbeitet von
@@grabs86
> Spricht etwas für die Einteilung in fr?
Ja: dass du dem Rechner das Rechnen überlassen kannst. *(Pun intended.)*{:@en}
Angenommen, dein Grid geht über die volle Viewportbreite und du willst die in 2 Spalten im Verhältnis 5:3 aufteilen. Dann müsstest du rechnen:
5 + 3 = 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`.
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix