recentpopularlog in

Copy this bookmark:





to read

bookmark detail

Amber Weinberg Jones on Twitter: "About to have some FUN recreating this layout in Grid. The original uses floats and tons of negative margins and isn't responsive.… https://t.co/1p001FDEjU"
.grid {
grid-gap: 32px;
grid-template-columns: repeat(4,1fr);
}

.grid li:nth-of-type(6n+3) {
grid-column: 3 / span 2;
grid-row: span 2;
}

.grid li:nth-of-type(6n+4) {
grid-column: 1 / span 2;
grid-row: span 2;
}
twitterthread  css  css:grid  grid  images 
august 2019 by dirtystylus
view in context