Milligram: Grid mobile responsive for different widths

Created on 16 Mar 2016 · 6Comments · Source: milligram/milligram

Hey, having a great time using milligram...really lightweight.

Coming from bootstrap's grids i'm used to having say <div class="col md-7"> going full width on mobile devices. Is this possible with milligram? At the moment I am using <div class="column column-70"> but when it goes down to small screen sizes the with is still 70% not 100%.

Cheers!

Scott

help wanted question

Source

enkota

👍5

Most helpful comment

Same problem here.
I agree with @cjpatoilo, make it as a new feature for the next version please. I started to switch from bootstrap to milligram because of its lightweight and simplicity dividing the grid since it uses flexbox :heart: .

unip on 19 Jul 2016

👍4 ❤1 🎉1 😄1

All 6 comments

Hey @scopeak

So, the grid system does not have the same behavior and support as other framework: Bootstrap, Foundation .. BTW, this is a great idea for the next version.

cjpatoilo on 24 Mar 2016

👍3

No worries! I ended up replacing with the bootstrap grids and keeping the rest for now. Would be a great addition though I think :+1:

enkota on 25 Mar 2016

❤1 🎉1 😄1 👍1

Hello @cjpatoilo and @scopeak

I looked at the milligram project and the only thing I've missed was a grid system minimalist and lightweight. I have an small project that proposes it: a minimalist grid system. Maybe, it need a improvement on syntax for get more readable for humans. Could you guys take a look? I think it's a good alternative to get this issue closed.
https://github.com/netoguimaraes/sandal-grid

as I said, we can improve the grid for embed at milligram, if you like the idea. Just open issues in the sandal-grid and we see what goes on;