Gallery Grid Layout – implicit grid rows

Bernardo Belloto

Bernardo… Who was he? What did he know?

Now we know… they are among us.

.grid-layout {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr);
  grid-row-auto: 1fr;
  grid-gap: 0.5em;
  grid-auto-flow: dense;
}
.grid-layout .grid-layout__item:nth-child(even) {
  grid-column: span 2;
  grid-column: span 2;
}