Topic de Issoustraction :

Besoin de kheys en html/css

  • 1

J'ai un pb pour faire une case en html

Je dois faire une case qui doit ressemblée à ceci :

élément 1 élément 2
élément 3 élément 4

Mais mon code donne ça :

élément 1 élément 2

élément 3 élément 4

(le rendu est pas le même, mais imaginez l'élément 2 et 4 plus haut que ce que vous voyez)

Des conseils ? j'y suis depuis 30 min et je deviens FOU https://image.noelshack.com/fichiers/2022/31/4/1659648386-fou2.png

Le 26 novembre 2023 à 11:50:07 :
Comme ça ?
https://image.noelshack.com/fichiers/2023/47/7/1700995800-capture-d-ecran-du-2023-11-26-11-49-51.png

oui

Le 26 novembre 2023 à 11:51:26 :

Le 26 novembre 2023 à 11:50:07 :
Comme ça ?
https://image.noelshack.com/fichiers/2023/47/7/1700995800-capture-d-ecran-du-2023-11-26-11-49-51.png

oui

Je l'ai fait avec Tailwind pour aller plus vite mais t'as compris non ?

Un div parent en flex col, puis deux flex en mode row, tous avec le même gap :hap:

(edit, ce serait sûrement mieux d'utiliser une grid dans ce cas en fait)

L'op qui dit même pas merci https://image.noelshack.com/fichiers/2016/47/1480081469-ris6.png

Le 26 novembre 2023 à 11:52:37 :

Le 26 novembre 2023 à 11:51:26 :

Le 26 novembre 2023 à 11:50:07 :
Comme ça ?
https://image.noelshack.com/fichiers/2023/47/7/1700995800-capture-d-ecran-du-2023-11-26-11-49-51.png

oui

Je l'ai fait avec Tailwind pour aller plus vite mais t'as compris non ?

Un div parent en flex col, puis deux flex en mode row, tous avec le même gap :hap:

(edit, ce serait sûrement mieux d'utiliser une grid dans ce cas en fait)

Merci khey, ça a marché :merci:

  • 1

Données du topic

Auteur
Issoustraction
Date de création
26 novembre 2023 à 11:42:49
Nb. messages archivés
8
Nb. messages JVC
8
En ligne sur JvArchive 333