https://github.com/ewliang/skelly-css-grid-12-column-framework

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.
https://github.com/ewliang/skelly-css-grid-12-column-framework

12-column css css-framework css-grid css3 grid-framework grid-layout grid-system sass scss

Last synced: 21 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/ewliang/skelly-css-grid-12-column-framework
• Owner: ewliang
• License: mit
• Created: 2018-01-15T19:06:05.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-09T19:29:30.000Z (almost 7 years ago)
• Last Synced: 2024-11-08T20:48:38.633Z (2 months ago)
• Topics: 12-column, css, css-framework, css-grid, css3, grid-framework, grid-layout, grid-system, sass, scss
• Language: HTML
• Homepage: https://ewliang.github.io/Skelly-CSS-Grid-12-Column-Framework/
• Size: 20.5 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://img.shields.io/chrome-web-store/price/nimelepbpejjlbmoobocpfnjhihnpked.svg)]()

[![CocoaPods](https://img.shields.io/cocoapods/l/AFNetworking.svg)]()

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/](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

- [x] Create SASS/SCSS versions

- [x] Minimize code -> Solved with Sass Version

## Authors

- [Eric Liang](https://www.eric-liang.com)

## License

Open Source under MIT License.