CODEWITHSUNDEEP
angularjsflexboxangular-material
Slip
Slip

Reputation: 949

How to use layout-wrap?

How to do list items by angular-material layout-wrap? I want to do like this

1 4 6
2 5 7
3 6 8

Not 

1 2 3 
4 5 6 
7 8 9

http://plnkr.co/edit/GCWQx3?p=preview

Or is it impossible?

Upvotes: 2

Views: 3641

Answers (1)

zer00ne
zer00ne

Reputation: 43990

You wanted to convert the blue area into a flexbox then:

.mainHeight {
   display:flex;
   flex-flow: column wrap;
    min-height:calc(100% - 86px);
    height: calc(100% - 86px);
}

FORK

Note: I changed the spelling from .mainHeigth to .mainHeight in CSS and HTML

Upvotes: 1

Related Questions