Native CSS Masonry Layout In CSS Grid | CSS-Tricks

OUATE ?!

Le design Masonry est chiant à faire sans se lancer dans des hacks à la con ou des bouts de JS (surtout pour l'aspect vertical + horizontal)

J'apprends qu'il y a une propriété de grid-template-rows pour ça ?

.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: masonry;
}

Vous allez voir qu'une fois bien implantée, le design masonry deviendra hasbeen... comme à la grande époque des bords ronds à base de multiplication de divs ou des ombres à base de png tout pétés: quand on a eu border-radius et box-shadow, la mode est passée au flat design...

Fil RSS des articles