https://github.com/sunny/devgrid

Tiny CSS grid overlay when pressing Ctrl-G
https://github.com/sunny/devgrid

Last synced: 3 months ago
JSON representation

Tiny CSS grid overlay when pressing Ctrl-G

• Host: GitHub
• URL: https://github.com/sunny/devgrid
• Owner: sunny
• License: mit
• Created: 2015-03-19T16:55:40.000Z (over 10 years ago)
• Default Branch: main
• Last Pushed: 2020-06-14T10:00:22.000Z (about 5 years ago)
• Last Synced: 2025-02-12T07:45:00.909Z (5 months ago)
• Language: CSS
• Homepage:
• Size: 2.38 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# devgrid

Tiny CSS grid overlay when pressing `ctrl-G`.

## Usage

Add the CoffeeScript file and SCSS file to your project.

Press `ctrl-G` to show the CSS grid overlay.

## Example

On [Cults.](http://cults3d.com):

![](https://raw.githubusercontent.com/sunny/devgrid/master/devgrid.gif)

## Adapt

You should adapt the SCSS file to your project so that the columns sizes match how

your app responds in size, number, gutters, outer-gutters, media queries, etc.

Add breakpoint content for your common breakpoints to inform you of which

breakpoints are beeing used.