Redimensionner une cellule

Programmation
#1

Bonjour je viens de creer une grille avec grid

display: grid;
grid-template-columns: 395px 395px;
grid-template-rows: 275px 275px;
margin: 0 auto;

pour ce resultat :
1

le soucis est je veux etendre la cellule bleu sur environ un tiers de la cellule rose . une idee sur la facon de m’y prendre ? Merci.

#2

Bonjour,
il te faut deux display grid d’une seule ligne, ça devrait faire l’affaire;

#3

Merci pour ton message tu peux expliquer ( je suis un bougre de debutant)

#4

C’est du CSS? en lien avec un code HTML? ou c’est un autre langage?

ton code, defini la tailles des colonnes quelque soit la ligne, puis la taille de la ligne quelque soit les colonnes; donc cette partie du code ne peux pas marcher correctement pour ce que tu veux.

regarde ce lien pour mieux comprendre et faire ce que tu vex: Grilles CSS (CSS Grid) - CSS : Feuilles de style en cascade | MDN

#5

@Pat66
Pourquoi faire simple quand on peut faire compliqué…

<div style="display: block; margin-left:auto; margin-right:auto;
            height:400px ; width:500px;">
  <div style="background:#f70; float:left;  height:50%; width:50%;">1</div>
  <div style="background:#0a0; float:right; height:50%; width:50%;">2</div>
  <div style="background:#59f; float:left;  height:50%; width:66%" >3</div>
  <div style="background:pink; float:right; height:50%; width:34%;">4</div>
</div>

ksnip_20230213-204327

1 J'aime
#6

Les deux techniques n’ont pas la même finalité, la première permet des superposition que la deuxième ne permet pas aussi simplement. de plus, cela implique que tu aies la mise en forme dans le code HTML (mauvaise pratique :wink: )
Il me semble qu’en plus, le grid permet des positionnement indépendant du contenu.

#7

@Zargos
Pour la critique: 10/10.

L’objectif est celui-ci :
" je veux étendre la cellule bleue sur environ un tiers de la cellule rose",
et pas autre chose d’hypothétique.
5 minutes avec des divs avec illustration du résultat.

la mise en forme dans le code HTML (mauvaise pratique)

La différence entre la théorie et la pratique est que pour un forum, c’est plus simple de proposer un bloc qu’il suffit de copier.
Tu replaces les styles où tu veux après, l’essentiel n’étant pas là.

Au bout de 6 jours, toujours pas de solution de ta part: mauvaise pratique, mais sûrement très bonne théorie ;).

#8

pas besoin. la première fournie dans mon lien, la deuxième dans ton post.
Donc pas besoin de solution supplémentaire, c’est inutile.