Css grid lignes indépendantes

Bonjour,

Sur ce codepen https://codepen.io/Laurentfrom47/pen/dJzBmd?editors=1100= j'utilise css grid pour afficher des div sur 2 colonnes.

Mais j'aimerai que les lignes soient indépendantes voir ici https://i.imgur.com/OZU8n9n.jpg c'est à dire que quand on ajoutes du contenu que la ligne d'a coté ne s'agrandisse pas.

Merci

Hello,

Quand tu parles de "ligne d'à côté", il s'agit de la colonne d'à côté ?

Si oui, ce n'est pas possible dans Grid Layout : une piste de grille, que ce soit une colonne ou une rangée, a toujours la même taille. C'est le principe même d'une grille.

Par contre, j'ai peut-être mal compris la question et que la réponse pourrait consister en un simple align-items: start; sur le conteneur : ainsi tous les contenus seront placés en haut de cellule plutôt que de s'étirer.

Sinon, la solution passera par du multi-column : https://www.alsacreations.com/tuto/lire/1557-Les-multicolonnes-en-CSS3.html ou du Flexbox.
Modifié par Raphael (04 Jan 2018 - 14:23)