CSS

Einführung in CSS Grid: Die Elemente im Grid-Container

Im ersten Teil dieser Einführungsserie ging es um den Grid-Container. Das ist der Container, in dem der Grid stattfindet und der die Grid-Elemente umschließt. In diesem Artikel geht es um die Grid-Elemente selbst und wie man sie mit CSS Grid gestalten kann.

Weiterlesen
CSS  Gutenberg

Im Gutenberg-Editor mit CSS-Klassen arbeiten

Eine relativ einfache Methode, das Aussehen eines Gutenberg-Blocks anzupassen, ist das Arbeiten mit CSS-Klassen.

Bei jedem Gutenberg-Block gibt es die Möglichkeit, eine CSS-Klasse einzutragen. Ich arbeite viel mit solchen Helfer-Klassen. Sie lassen sich gut in die CSS-Systematik eines Projekts integrieren.

Weiterlesen
CSS  Gutenberg

Die Inhalts-Breiten der Gutenberg-Blöcke

Gutenberg-Blöcke und damit Gutenberg-Themes wie Twentytwenty verwenden drei verschiedenen Content-Breiten. Eine eher schmale Standard-Breite, die in der Regel den Fließtext enthält, eine „weite Breite“ und eine „volle Breite“.

Weiterlesen
CSS

Unterstreichung näher am Text positionieren

Ein guter Tipp von Florian Brinkmann zum Gestalten von Links
Florian schreibt: „Wenn ihr einen Link oder anderen Text mit einer Unterstreichung versehen möchtet, dann greift ihr vermutlich auf border-bottom zurück, statt text-decoration (…)

Weiterlesen