Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Ein modernes Layout: 3. Das Fine-Tuning der Abstände

Ein modernes Layout: 3. Das Fine-Tuning der Abstände

Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

Gratismonat starten Für Ihr Team erwerben

Ein modernes Layout: 3. Das Fine-Tuning der Abstände

“

Das moderne Layout sieht so weit gut aus, aber der Teufel steckt wie so oft im Detail, und bei CSS sind es häufig die Innen- und Außenabstände. Merke, wenn sich die Umstände ändern, muss man häufig auch die Abstände anpassen. Und die Umstände haben sich mit dem neuen Layout definitiv geändert, und beim genauen Hinsehen werden Sie feststellen, dass hier z.B. die Infoboxen nicht bündig sind. In der Desktop-Ansicht fällt das schon auf, aber in der mobilen Ansicht, hier im Entwicklertool, ist das noch sehr viel deutlicher zu sehen. Dazu möchte ich hier einmal den Abschnitt mit den Infoboxen markieren und da sieht man, da ist ein padding rundherum. Wenn man das links und rechts entfernen würde, dann würde das schon etwas besser passen, und wenn man dann zusätzlich noch die Infobox selbst von dem horizontalen Margin befreit, dann wäre das Ganze bündig. Dazu wechsle ich einmal rüber in den Editor. So, hier sind die Dateien aus dem Anfangsordner zu diesem Film im Übungsordner und definiert…

Inhalt