https://github.com/alexsartori/200b-grid

A CSS grid system in 200 bytes!
https://github.com/alexsartori/200b-grid

Last synced: 4 months ago
JSON representation

A CSS grid system in 200 bytes!

• Host: GitHub
• URL: https://github.com/alexsartori/200b-grid
• Owner: AlexSartori
• License: mit
• Created: 2016-10-28T21:41:44.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-10-28T22:03:42.000Z (over 8 years ago)
• Last Synced: 2025-01-14T07:52:53.546Z (5 months ago)
• Size: 1.95 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 200b-grid

##### A CSS grid system in 200 bytes!

---

- Include my CSS:

    ``

- Classes to use:

  - `row` = full-width container

  - `col-s` = small column (25%)

  - `col-m` = medium column (33.33%)

  - `col-l` = large column (50%)

  

  

- Create a row and insert columns:

```html

    


       
col-s

       
col-s

       
col-s

       
col-s

    


    


        
col-m

        
col-m

        
col-m

    


    


        
col-l

        
col-l

    

```


- Result:

    ![alt tag](http://i.imgur.com/H8A1HAS.png)

---

*Alex Sartori http://alexsartori.github.io*