[Résolu] Grid : mettre un background à une rangé. Possible ?

schtroumph

8 Jul 2021 à 10:26

Salut

J'aimerais faire quelque chose dans ce style. Pour avoir le fond vert, est-ce qu'il est possible de mettre le background à la rangé 1 et sur les deux colonnes dans ajouter de div ?

_laurent

Modérateur

8 Jul 2021 à 10:34

Salut,

Oui normalement :

figure {
  background: #143c17;
  margin: 0;
  padding: 20px 40px 0;
}
.titre {
  background: #143c17;
}

https://jsfiddle.net/b6ufshd5/2/

Via un box-shadow sur l'article sinon ?

box-shadow: 0 50px 0 0 #143c17 inset;

https://jsfiddle.net/b6ufshd5/1/
Modifié par _laurent (08 Jul 2021 - 10:37)

schtroumph

8 Jul 2021 à 10:40

Ah oui, bonne idée le box-shadow ! c'est plus simple qu'en ajoutant une div. Le problème de mettre le background dans le .titre c'est que celui-ci est dans la colonne 2 alors que le fond vert doit être dans la colonne 1 et 2.

Merci pour ton aide Smiley smile

.
Modifié par schtroumph (08 Jul 2021 - 10:42)

schtroumph

8 Jul 2021 à 10:49

J'ai regardé trop vite ta première solution. En fait le background est aussi dans figure. Mais je trouve qu'avec le box-shadow c'est plus simple a gérer.

CSS et mise en forme, CSS3

[Résolu] Grid : mettre un background à une rangé. Possible ?