›Πώς λειτουργούν τα `grid-template-areas` και τα ανταποκριτικά πλέγματα;Middle#Grid#CssΛεπτομέρειες →
›Τι είναι τα ψευδο-στοιχεία (pseudo-elements) όπως ::before και ::after;Middle#Selectors#CssΛεπτομέρειες →
›Τι είναι μια στρατηγική mobile-first responsiva και πώς ταιριάζουν οι container queries;Senior#Responsive#CssΛεπτομέρειες →
›. Warum funktioniert es häufig nicht — die Fehlerfälle **1. Ein Vorfahr hat `overflow: hidden/auto/scroll`.** Dies ist die Ursache Nr. 1. Sticky-Positionierung wird durch jeden scrollbaren Vorfahr unterbrochen, da das Element relativ zu *diesem* Scroll-Container klebt, nicht zur Seite: [[CODE_2]] **2. Das übergeordnete Element ist nicht hoch genug.** Sticky funktioniert nur, wenn das übergeordnete Element höher als das sticky-Element ist — wenn das übergeordnete Element die gleiche Höhe hat, gibt es nichts zu scrollen, es scheint also nie zu kleben. **3. Kein Schwellwert gesetzt.** Das Vergessen von `top`/`bottom` bedeutet keinen Klebepunkt. **4. Höhenbeschränkungen für das übergeordnete Element** (z. B. ein flex-Element, das Elemente ausdehnt) können auch den Scrollbereich entfernen. ## Debugging-Checkliste [[CODE_3]] ## Warum es wichtig ist `position: sticky` ermöglicht Sticky Headers, Tabellenheader, Seitenleisten und "Scrollspy" UIs ohne JavaScript. Aber seine Besonderheiten — besonders dass ein `overflow` auf *jedem* Vorfahr es stillschweigend bricht — machen es zu einer häufigen Quelle für "Warum klebt das nicht?" Debugging. Das Kennen des enthaltenden Block-Umfangs und der Overflow-Falle ist das, was es Ihnen ermöglicht, es zuverlässig zu verwenden.Senior#Layout#CssΛεπτομέρειες →
›Ποιες μεθοδολογίες CSS αρχιτεκτονικής βοηθούν σε μεγάλες codebases;Senior#Αρχιτεκτονική#CssΛεπτομέρειες →
›Ποιες σύγχρονες συναρτήσεις και χαρακτηριστικά CSS απλοποιούν τη διάταξη (clamp, aspect-ratio, subgrid);Senior#Layout#CssΛεπτομέρειες →
›Τι είναι τα λογικά χαρακτηριστικά CSS και γιατί είναι σημαντικά για τη διεθνοποίηση;Senior#Γλώσσα#CssΛεπτομέρειες →
