Forum : Site web style carré

Salut ! j'ai un petit problème avec mes deux carrés qui n'arrive pas à s'agrandir jusqu'au milieu . J'ai fait le display-flex, j'ai fait aussi le calcul du width pour les 2 parties. Mais par contre, je n'arrive pas à agrandir les 2 parties jusqu'au milieu. Et je me demandais si quelqu'un pourrait m'aider à trouver une solution à sa svp ?

Mon code html

<section class="section-friperie red-b"> <div class="parent-flex-friperie red-b"> <div class="cote-gauche-friperie cyan-b"> <div class="cote-gauche-image yellow-b"><img src=""></div> <div class="cote-gauche-text yellow-b"><h3>robes</h3></div> <div class="cote-gauche-image yellow-b"><img src=""></div> <div class="cote-gauche-image yellow-b"><img src=""></div> <div class="cote-gauche-text yellow-b"><h3>robes</h3></div> <div class="cote-gauche-image yellow-b"><img src=""></div> <div class="cote-gauche-image yellow-b"><img src=""></div> <div class="cote-gauche-text yellow-b"><h3>robes</h3></div> <div class="cote-gauche-image yellow-b"><img src=""></div> </div> <div class="cote-droite-friperie blue-b"> <h1><span>Fri</span>perie</h1> </div> </div> </section>

Mon code css

.section-friperie{ } .parent-flex-friperie{ display: flex; justify-content: space-between; } .cote-gauche-friperie { max-width: calc((100px - 50%) / 2); } .cote-gauche-text{ } .cote-gauche-image{ } .cote-gauche-image img{ } cote-droite-friperie{ max-width: calc((100px - 50%) / 2); } .cote-droite-friperie h1{ color: orangered; } .cote-droite-friperie span{ }

Ce que je veux

Je veux 2 gros carré un à côté de l'autre qui prend toute l'éspace de l'écran

Ce que j'obtiens
2 gros carré qui n'arrive pas à s'agrandir

Site web style carré

3 réponses