search

angular / material

Material design for AngularJS
https://material.angularjs.org/
MIT License
16.55k stars 3.39k forks source link

Flex layout #6266

Closed reinos closed 8 years ago

reinos commented 8 years ago

HI Guys,

Is it possible to make a layout like this example

http://andyknapp.com/demo/learning-flexbox/

screen shot 2015-12-12 at 11 10 07

While resizing, the box are filling the gaps.

Let me know. Rein

ThomasBurleson commented 8 years ago

Yes. http://codepen.io/team/AngularMaterial/pen/VevQjR

vapits commented 8 years ago

Hey @ThomasBurleson is it possible to fill the space from left to right instead of filling first the height? Because for example right now if you have only two boxes the there are going to one below the other leaving all the space on the right empty.

I haven't figured out if this is possible by following the example.

vapits commented 8 years ago

Hmm i found how to center items at least. except the align-content: center; you should add also the align-items: center; at least for my case.

Still though if you have a high height for the media-screen then you will have a very long column until you get correct screen filling.

If i found a way on this i'll share it. If you though already now the solution please share it :) :palm_tree: