Skip to content

Skelly is a 12 column grid system made using the CSS Grid display element. The goal of this project is to provide a minimal and modern 12 column responsive CSS grid framework for web development.

License

Notifications You must be signed in to change notification settings

ewliang/Skelly-CSS-Grid-12-Column-Framework

Repository files navigation

Skelly Grid

A super lightweight, responsive, and modern CSS grid made from the CSS Grid display property.

Developed by Eric Liang

About Skelly Grid

Chrome Web Store CocoaPods

Skelly Grid is a 12-column CSS grid system is made for creating responsive websites.

Sample Demo: https://ewliang.github.io/Skelly-CSS-Grid-12-Column-Framework/

All you need is to include the skelly-grid.css file in your website.

Because Bootstrap is a framework well-known by many, I've decided to use most of the class names found in Bootstrap to help lower the learning curve. After all, innovation is supposed to make life easier, not harder. Being productive is important, especially when our greatest asset is time.

Getting Started

Deployment

Simply copy and paste the "skelly-grid.css" file into your web project. Then include it into your HTML file. Now you're all set, and ready to start using the Skelly Grid!

Built With

  • CSS3

To Do

  • Add more container size options
  • Create SASS/SCSS versions
  • Minimize code -> Solved with Sass Version

Authors

License

Open Source under MIT License.

About

Skelly is a 12 column grid system made using the CSS Grid display element. The goal of this project is to provide a minimal and modern 12 column responsive CSS grid framework for web development.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published