#020: Das Gitter fertigstellen und Module einrichten

Wir setzen das Konzept der „Don’t Overthink It Grids“ fort und erzeugen durch einfaches Padding Abstände im Gitter. Wir halten die Padding-Zahl konstant, indem wir unsere globale Variable $padding wiederverwenden. Sie werden feststellen, dass wir diese Zahl bei der Gestaltung oft verwenden.

Wir gestalten die Klasse „module“ mit einem einfachen Hintergrund und einer Box-Schatten. Dies ist eine sehr wiederverwendbare Klasse, die überall verwendet werden kann.

Das Endergebnis ist ein schönes, flexibles Gitter, das nur wenige Codezeilen benötigte. Es könnte etwas komplexer werden, wenn wir weitermachen, aber nicht zu sehr.