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%);