Fortschritt

CSS · Mittelstufe - echte Projekte bauen

• Kaskade, Spezifität und VererbungLerne mit der Spezifität vorherzusagen, welche CSS-Regel gewinnt, und nutze die Vererbung, um weniger Code zu schreiben.
• Flexbox: Achsen, justify/align, gap, flex-growBeherrsche die zwei Achsen von Flexbox, um deine Elemente in alltäglichen Layouts auszurichten, zu zentrieren und zu verteilen.
• Grid: Spalten, Zeilen, BereicheBaue Galerien und komplette Seitenlayouts mit den Spalten, Zeilen und benannten Bereichen von CSS Grid.
• Positionierung: relative, absolute, fixed, sticky, z-indexVerankere Badges, Kopfzeilen und Modals genau dort, wo du sie haben willst, mit CSS-Positionen und einer gut verwalteten z-index-Skala.
• Responsive Design: Media Queries, relative EinheitenPasse deine Oberflächen an jede Bildschirmgröße an, mit dem Mobile-First-Ansatz, Media Queries und den Einheiten rem, % und vw.