La propriété CSS column-count / Concept + Exercice

Plus on connaît de théorie et plus il est aisé de réaliser des sites web de plus en plus complexes.
C'est pour cela que je vous propose cette série de tutoriels où nous parlerons d'un sujet avec une vidéo de cours théorique et une vidéo d'application de la théorie.

Pour ce 8ème volet, nous allons étudier la propriété CSS column-count.
Grâce à cette propriété, nous verrons qu'il est simple et rapide d'afficher du texte (des articles) en colonnage, comme un journal.
Nous pourrons gérer

• le nombre de colonnes,
• l'espace entre les colonnes
• ou bien un séparateur visuel entre les colonnes.

Simple, rapide et efficace !
Je mets les codes de l'exercice d'application à votre disposition.

Découvrez les autres tutos de cette série :

• La position sticky en CSS / Concept + Exercice
• La pseudo-classe checked en CSS / Concept + Exercice
• La pseudo classe empty en CSS / Concept + Exercice
• La pseudo classe focus-within en CSS / Concept + Exercice
• La pseudo-classe target en CSS / Concept + Exercice
• Le pseudo-élément marker en CSS / Concept + Exercice