Grid...

[Yadgar]

Hi(gh)!

Jetzt habe ich mir doch mal die Eigenschaften-Übersicht auf dem "Complete Guide to Grid" angesehen und hatte hinterher das Gefühl, es verstanden zu haben... aber etweder bin ich doch zu blöd, um Grid zu verstehen - oder mein Browser (Firefox 45.8.0, unter Debian Linux) packt es einfach nicht. Jedenfalls sind alle Abschnitte (Texte und Bilder) doof nach links ausgerichtet und stehen übereinander statt nebeneinander...

Die CSS-Datei sieht so aus:

p, td, h2, h3, h4 { font-family:Arial,sans-serif; line-height:150% }

h2, h3 { border-bottom:2px solid black }

td { padding:5px }
tr.t { text-align:left }
tr.i { text-align:center }

div.container { display:grid; grid-template-columns:25% 25% 25% 25%; grid-template-rows:auto }
div.textleft { grid-column-start:1; grid-column-end:4 }
div.imgleft { grid-column-start:1; grid-column-end:2 }
div.textright { grid-column-start:2; grid-column-end:5 }
div.imgright { grid-column-start:4; grid-column-end:5 }
div.mono { grid-column-start:1; grid-column-end:5 }

Was meint Ihr dazu?