Breaking News: Grepper is joining You.com. Read the official announcement!

masonary layout

Mohammad Usman answered on March 13, 2024 Popularity 2/10 Helpfulness 1/10

answer masonary layout

masonary layout

Comment

.grid-item: nth-child(7n+1) {
        grid-column: span 2;
        grid-row: span 1;
    }

.grid-item: nth-child(7n+2) {
        grid-column: span 1;
        grid-row: span 2;
    }

.grid-item: nth-child(7n+4) {
        grid-column: span 1;
        grid-row: span 2;
    }

.grid-item: nth-child(7n+5) {
        grid-column: span 3;
        grid-row: span 1;
    }

Popularity 2/10 Helpfulness 1/10 Language whatever

Source: hackernoon.com

Tags: layout whatever

Link to this answer
Share Copy Link

Contributed on Mar 13 2024

Mohammad Usman

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

masonary layout

Contents

More Related Answers

masonary layout

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.