Simple Grid

Responsive & lightweight CSS grid for your website.

get it
#2 Product of the DayMay 14, 2016

Reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
Jamie Barton
Jamie Barton@notrab · Husband, Dad & Developer 🙌
This is awesome. Very simple and lightweight. I bundled this into a Rails RubyGem - https://rubygems.org/gems/simple... as I'm going to try it in my next project.
Zach Cole
Zach ColeMaker@zachacole · Designer, Lyft
@notrab Hey Jamie - thanks! Love the ruby gem idea. Mind if I share this as well?
Jamie Barton
Jamie Barton@notrab · Husband, Dad & Developer 🙌
@zachacole Not a problem. Literally took 5 minutes to do this so I'll document it better and link to you more when I get time tomorrow ☺️
『Justin Pierce』
『Justin Pierce』@jtown_ · Founder, Overpowered Games
How is it different than http://getskeleton.com ?
Zach Cole
Zach ColeMaker@zachacole · Designer, Lyft
@jtown_ Hey Justin - Skeleton is a wonderful tool, and I used it frequently on earlier projects. I found myself quite often either not using many of the components, or re-writing them. So this is simply meant to be a boilerplate - just a grid and typography - that people can build up from.
Carl Zetterberg
Carl Zetterberg@carlzeta · Founder at Digital1.
Looks great and simple, trying this for a new site project.
Zach Cole
Zach ColeMaker@zachacole · Designer, Lyft
@carlzeta Thanks, Carl! Glad you're liking it. If you use the grid, let me know if you have any feedback or suggestions! :)
Kelvin Zhao
Kelvin Zhao@kelvin___ · 🎨 👾 🙊
How's the compatibility with browsers?
Zach Cole
Zach ColeMaker@zachacole · Designer, Lyft
@kelvin___ Hey Kelvin! There shouldn't be any compatibility problems - the grid is based on pure CSS without a need for browser prefixing or anything.
Cole Townsend
Cole TownsendHiring@twnsndco · Designer at Robin.
How is this different from Neat, Lemonade, or Toast? Also why include the type scaffold if it's a lightweight grid? I'm never against shipping product but I might be missing what's new here. Kudos for making this and a cool landing page to explain it as well.
Zach Cole
Zach ColeMaker@zachacole · Designer, Lyft
@twnsndco Hey Cole - thanks for the feedback. I included the typography treatment as a base since much of a grid is also dependent on vertical rhythm. Obviously people can overwrite as needed. It's not terribly different than the other tools you listed, just wanted to share what I had been using for quick landing page projects.
Cole Townsend
Cole TownsendHiring@twnsndco · Designer at Robin.
@zachacole Sound argument to me! Definitely good for the quick lander so you don't need to up and make another grid. The landing page here was probably perfect for it 😁