Your mission statement is to be lightweight. I don't understand why simple-grid would be responsible for defining the font, color in html, body and *.

https://github.com/zachacole/Simple-Grid/blob/master/simple-grid.css#L24

Hi.
They are used extensively, and not-safe to be re-style by a framework.

quiero usar para IE8 or IE 9

There's a lot of code at the start of this that gives styles for fonts and typography. This is not what i expect out of a simple grid – which should be simply a grid. I recommend removing this and implementing them as another repo (so as to not make this into yet another framework).

• Jeff

I just love the lib but I have some problems when resizing to values between desktop and mobile. :/

Is nesting supported? For example:

<div class="container">
	<div class="row">
		<div class="col-3">
			
		</div><!-- .col-3 -->
		<div class="col-9">
			<div class="row">
				<div class="col-6">
					
				</div><!-- .col-6 -->
				<div class="col-6">
					
				</div><!-- .col-6 -->
			</div><!-- .row -->
		</div><!-- .col-9 -->
	</div><!-- .row -->
</div><!-- .container -->

Hi there,

I noticed that this library uses the 'row' class which is also used in bootstrap. Can this be used along with bootstrap?

As per CSS Lint ^= was flagged as an unqualified attribute selector, which indicates a potential performance issue. I'm unfamiliar with this kind of selection ^=. @zachacole or any other contributor could you explain a bit how this selector works in Simple-Grid, and if this should be of any concern?

.row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

Check https://github.com/zachacole/Simple-Grid/blob/master/simple-grid.scss#L133:

.row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

I guess You should change 2% in margin: 0.5rem 2%; to ($gutter / 2). Am I right?

Hello,

Thanks for this lightweight grid system which comes in handy when bloates frameworks are not needed.

I was just wondering how you could push a sidebar to the right while having the content on the left and bigger in height.

While using bundlers such as webpack people don't prefer downloading the css file and include it in a project. So it will be good if simple grid is available as a node module. I found some other guy have published it in npmjs link is https://www.npmjs.com/package/simplegrid. If you found it good just add it your readme and website so people can easily install your module by running npm install --save simplegrid. I came here actually looking whether simple-grid is available as a npm package.

i noticed this line:

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);

is this really necessary?

also, your zip download on teh site contains teh whole .git directory and __MACOSX which is probably hidden for you...

How to equal height column?

What about a SASS/SCSS version?