Support for a responsive Grid

[owais]

Does material-ui support a responsive grid or are we supposed to use some other base framework like bootstrap or foundation for that and material-ui only for the components?

[bsr203]

+1 https://material.angularjs.org/#/layout/grid may be a good inspiration to do a flex box based layout.

[eliquious]

You might could checkout http://flexboxgrid.com I've been using it successfully with material-ui for a little while now.

[a1russell]

Personally, I hope this project doesn't start including a grid system. I'd rather avoid the bloat. If I want a grid system, I can find one elsewhere (Susy, Singularity, Neat, etc.).

[WRidder]

I'm not sure whether material-ui should be opinionated regarding layouts. In my opinion it may be better to focus just on stand-alone components. Layouts are more higher level and can be created using existing systems like any of your favorite grid library (like flexbox).

[fourcube]

@a1russell @WRidder I agree and think that material-ui should rather focus on adding on and improving composability of the provided components.

[franleplant]

I like the separation, maybe it's for the best to have a not embedded grid system.

[owais]

Yup. May be not having it is the best thing to do but the docs should mention it clearly in the beginning because almost all CSS frameworks support a grid and the docs begin with the grid. May be material-ui can mention a few notable grid libraries in the docs and direct the user in the right direction.

[santi8ago8]

+1 and Grid List https://material.angularjs.org/latest/#/demo/material.components.gridList 👍

[antilect]

Guys, this works like a charm for react Material-UI!

https://github.com/STRML/react-grid-layout

[igorbt]

I implemented a simple GridList w/ GridTile in a PR - #1320.

[marcoscssno]

@eliquious I'm trying it since I read your comment. Looks very good and easy to use. Thank you!

[boustanihani]

Anybody tried combining http://unsemantic.com/ with material-ui ?