Bonjour,
Je fais suite à cette discussion.
Avec ce codepen j'ai deux problèmes.
Les cartouches sont en format vertical, elles passent en format horizontal si la fenêtre fait moins de 1000px de large.
Si moins de 768px de large la mise en page générale passe sur une seule colonne.
1) En format vertical il faut que les cartouches aient toutes la même hauteur quel que soit le nombre de lignes.
J'y arrive en donnant des dimensions exactes :
Mais j'aimerais avoir une hauteur fixe sans spécifier des valeurs précises.
J'ai essayé :
Mais cela ne marche pas du tout.
2) Quand moins de 768px, je veux que les cartouches occupent toute la largeur de l'écran.
La largeur est limitée à celle du contenu.
Si vous pouvez m'aider sur ces deux points je vous remercie par avance.
Je fais suite à cette discussion.
Avec ce codepen j'ai deux problèmes.
Les cartouches sont en format vertical, elles passent en format horizontal si la fenêtre fait moins de 1000px de large.
Si moins de 768px de large la mise en page générale passe sur une seule colonne.
1) En format vertical il faut que les cartouches aient toutes la même hauteur quel que soit le nombre de lignes.
J'y arrive en donnant des dimensions exactes :
div#ced > ul > li {display: grid; grid-template-rows: 1.25rem 16.9rem}
Mais j'aimerais avoir une hauteur fixe sans spécifier des valeurs précises.
J'ai essayé :
div#ced > ul {grid-template-rows: max-content}
Mais cela ne marche pas du tout.
2) Quand moins de 768px, je veux que les cartouches occupent toute la largeur de l'écran.
La largeur est limitée à celle du contenu.
Si vous pouvez m'aider sur ces deux points je vous remercie par avance.