Hello, j'amerai faire en sorte que un fois sur trois, une div fasse la meme taille que les deux precendentes, comme ça:

https://codepen.io/hisato/pen/XWePewq

Doit y avoir moyen d'automatiser sans remettre une div parent à chaque fois mais je trouve pas comment faire
SI tu peux ajouter des div comme tu veux y a toujours le flex sinon

Le probleme c'est que chaque element viens d'une DB, donc je suis obligé de mettre un element parent

Le 10 janvier 2022 à 15:50:40 :
Le probleme c'est que chaque element viens d'une DB, donc je suis obligé de mettre un element parent

Ca doit se faire mais c'est pas simple
Sinon tu t'embêtes pas et tu slice tes éléments tous les 6 pour remettre une div parent

mmm, il y a des compterus en CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters

Mais je ne sais pas si tu peux differement en fonction de la valeure du compteur.

Sinon y a sûrement une méthode en utilisant nth-child et en bouclant pour incrémenter les valeurs de grid-area mais bon, quel bordel pour un simple layout

Salut, comme a dit FionFion64, tu trouveras sûrement ton bonheur ici :

https://developer.mozilla.org/fr/docs/Web/CSS/:nth-child

Les exemples parlent d'eux mêmes, avec ça tu pourras faire ton layout

En théorie c'est nth-child(even)

Le 12 janvier 2022 à 03:34:37 :
En théorie c'est nth-child(even)

Non, son pattern n'est pas si régulier : 3 4 9 10 15 16...

oui, nth-child(even) ne va pas marche
probablement nth-child (6n), nth-child (6n+1),nth-child (6n+2), nth-child (6n+3),nth-child (6n+4), nth-child (6n+5)

Merci pour vos réponses ! Dsl de pas avoir rep j'avais pas vu, au debut personne avait repondu😂