Wir setzen das Konzept von „Don't Overthink It Grids“ fort und bringen Rinnen in das Raster, indem wir nur eine einfache Polsterung verwenden. Wir halten die Auffüllnummer konstant, indem wir unsere globale $paddingVariable wiederverwenden . Sie werden feststellen, dass wir diese Nummer eine Tonne verwenden, wenn wir unser Styling durchführen.
Wir gestalten die "Modul" -Klasse mit einem einfachen Hintergrund und einem Kastenschatten. Dies ist eine sehr wiederverwendbare Klasse, die überall verwendet werden kann.
Das Endergebnis ist ein schönes flexibles Raster, das nur wenige Codezeilen benötigt. Es könnte ein bisschen komplexer werden, wenn wir weitermachen, aber nicht zu viel.