BLUDIT-Massively

Félicitations, vous avez réussi à installer votre site sous Bludit.

juin 24, 2021

Grilles responsives

Page de présentation d'une grille de 2 rangées apparentes, respectivement de 2 et 3 colonnes.

Grilles responsives

Grille

1re rangée • 1re colonne • 50% (100% sur petits écrans)

1re rangée • 2e colonne • 50% (100% sur petits écrans)

2e rangée • 1re colonne • 33,33% (100% sur petits écrans)

2e rangée • 2e colonne • 33,33% (100% sur petits écrans)

2e rangée • 3e colonne • 33,33% (100% sur petits écrans)

Commentaires

La grille ci-dessus illustre la possibilité d'utiliser les classes du thème Massively pour présenter des contenus en s'appuyant sur les propriétés de Flexbox et les classes du thème paramétrées pour cela. Une seule rangée est mise en place dans le code source, et la deuxième rangée apparente est séparée de la première par un “break” entre balises de commentaire.

Notez qu'il est nécessaire de prévoir des images assez grandes pour occuper l'espace attribué sur grands et petits écrans.