https://github.com/daggerok/css-grid

CSS Grid playground
https://github.com/daggerok/css-grid

css css-grid css-grid-layout grid-gap grid-template-columns

Last synced: 3 months ago
JSON representation

CSS Grid playground

• Host: GitHub
• URL: https://github.com/daggerok/css-grid
• Owner: daggerok
• License: mit
• Created: 2019-02-17T20:10:53.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-02-12T02:40:30.000Z (over 5 years ago)
• Last Synced: 2025-01-10T00:46:09.118Z (5 months ago)
• Topics: css, css-grid, css-grid-layout, grid-gap, grid-template-columns
• Language: HTML
• Homepage: https://daggerok.github.io/css-grid/
• Size: 218 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# CSS Grid [![Build Status](https://travis-ci.org/daggerok/css-grid.svg?branch=master)](https://travis-ci.org/daggerok/css-grid) [![CI](https://github.com/daggerok/css-grid/workflows/CI/badge.svg)](https://github.com/daggerok/css-grid/actions)

_to start just install [live-reload extension](http://livereload.com/) and run_

```bash

npm i

npm start

```

open in browser: http://127.0.0.1:5000/

## resources

* [Demo](https://daggerok.github.io/css-grid/)

* [CSS tricks: #153: Getting Started with CSS Grid](https://css-tricks.com/video-screencasts/153-getting-started-with-css-grid/)

* [css-grid-areas](https://www.youtube.com/watch?v=qTGbWfEEnKI)