Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

SOLVED: How can I change the order of the blocks?

Tags: columns

Dmitriy:

I use the columns (for effect masonry), with the order of location being - top down


1 3 5
2 4 6


* {
box-sizing: border-box;
}

.columns {
columns: 3;
}

.columns-item {
background: #ccc;
width: 100%;
margin: 0 0 10px;
break-inside: avoid;
page-break-inside: avoid;
}

.columns-item:nth-of-type(2n + 3) {
height: 75px;
}




1


2


3


4


5


6


7


8


But I would like the order to be so - left right


1 2 3
4 5 6

I will be glad to any help!



Posted in S.E.F
via StackOverflow & StackExchange Atomic Web Robots
This Question have been answered
HERE


This post first appeared on Stack Solved, please read the originial post: here

Share the post

SOLVED: How can I change the order of the blocks?

×

Subscribe to Stack Solved

Get updates delivered right to your inbox!

Thank you for your subscription

×