aide css

Par SP2000, il y a 3 ans

Les bases HTML/CSS

Bonjour

Je ne trouve pas le code à faire pour que mes bloc ressemble à ca :

Bloc 1 Bloc 2
Bloc 1 Bloc 3

( le bloc 3 doit être en dessous du bloc 2 et les bloc 2 et 3 doivent être à droite du bloc 1 )

En gros Bloc 1 à gauche à 100% de taile et bloc 2 et droite à 50% de taille.

4 réponses

popotte, il y a 3 ans

Hello :)

Tu peux utiliser une grid:

display:grid; grid-template-columns: 1fr 1fr; grid-row: auto auto;
LeCuistotduWeb, il y a 3 ans

Hello, une autre manière de faire avec display grid.

<div class="grid"> <div class="bloc1">bloc1</div> <div class="bloc2">bloc2</div> <div class="bloc3">bloc3</div> </div> .grid { display: grid; grid-template-areas: "bloc1 bloc2" "bloc1 bloc3"; } .bloc1 { grid-area: bloc1; } .bloc2 { grid-area: bloc2; } .bloc3 { grid-area: bloc3; }

https://codepen.io/lecuistotduweb/pen/NWLVwMB

SP2000, il y a 3 ans

merci beaucoup à vous pour vos réponse, j'ai essayé de regarder des vidéos mais rien ne montrait ce que je voulais voir

popotte, il y a 3 ans

avec plaisir :p

Ah oui le grid template c'est vaillant comme méthode, efficace :p