Inhaltsbereich Navigation Navigation Fußzeile

Hintergründe

Design

Visualisierung der CSS-Regeln zu Ziffer 1 bis 4 aus der folgenden Tabelle.
Spalte 1 enthält die Ziffern aus der Abbildung zu den nach Elementen gruppierten Regeln in Spalten 2 bis 4.
ObjektEigenschaftWert
1Element: Grid
Spaltengrid-columns4
Steggrid-gutter-width1.25rem
grid-rowcolumns4
2Element: Innenabstand
Innenabstandpadding2rem 1.25rem
3Element: Hintergrundfarbe
Hintergrundfarbebackground-color#F6F7F8
4Element: Hintergrundfarbe
Hintergrundfarbebackground-colorlinear-gradient(180deg, rgba(45, 111, 158, 0) 0%, rgba(45, 111, 158, 0) 25%, rgba(45, 111, 158, .75) 50%, rgba(45, 111, 158, 0) 75%),
linear-gradient(155deg, rgba(11, 153, 255, 1) 0%, rgba(11, 153, 255, 0) 66%),
linear-gradient(180deg, rgba(45, 111, 158, 1) 0%, rgba(31, 51, 71, 1) 200%);