Une astuce simple, mais redoutable pour certains problèmes liés aux éléments "sticky"

Tout est dans le titre

Le CSS tout simple qui va bien :

dt {
  position: sticky;
  top: 0;
  background: white;
  display: inline-block;
}

Les faits et astuces en question :

• Comprendre le raccourci "grid" :
  • Utiliser "grid" comme raccourci de "grid-template"
  • Utiliser les lignes / colonnes implicites avec grid-auto-flow
• Utiliser les Feature queries pour Edge (support de la nouvelle spec)
• Spécifier le nombre exact d'items par colonne
• Création de sticky footers avec CSS Grid
• Taille minimale d'items de grid - notamment pour la mise en place d'ellipses pour le texte

Un vieux problème quasiment résolu ^^

Tout est dans le titre... Il y en a plein de chouettes (via sebsauvage et le warrior du dimanche)
La liste :

• Typing Effect
• Drop shadow
• Smooth scrolling
• Center
• Cursors
• Truncate text
• Truncate the text to the specific number of lines.
• ::selection CSS pseudo-element
• Anything resizable
• CSS modals
• calc()
• Style empty elements
• position: sticky;
• CSS Scroll Snap
• Dynamic Tooltips
• caret-color
• Fancy text

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Une astuce sympathique :-)

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre