aide css

SP2000
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

Hello :)

Tu peux utiliser une grid:

    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-row: auto auto;
LeCuistotduWeb

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
Auteur

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

avec plaisir :p

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