https://github.com/changoman/interop-test
https://github.com/changoman/interop-test
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/changoman/interop-test
- Owner: ChangoMan
- License: mit
- Created: 2018-09-30T17:26:23.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-09-30T17:38:43.000Z (over 7 years ago)
- Last Synced: 2025-01-22T12:45:42.190Z (over 1 year ago)
- Language: CSS
- Size: 14.9 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# gatsby-starter-forty-v2
**This is a starter for Gatsby.js V2.**
**The older V1 version of this starter can be found at:**
**https://github.com/ChangoMan/gatsby-starter-forty**
Gatsby.js V2 starter based on the Forty site template, designed by HTML5 UP. Check out https://codebushi.com/gatsby-starters/ for more Gatsby starters and templates.
## Preview
http://gatsby-forty-v2.surge.sh/
## Installation
Install this starter (assuming Gatsby is installed) by running from your CLI:
`gatsby new gatsby-starter-forty https://github.com/codebushi/gatsby-starter-forty-v2`
Run `gatsby develop` in the terminal to start the dev site.
## CSS Grid
The grid on this site was replaced with a custom version, built using CSS Grid. It's a very simple 12 column grid that is disabled on mobile. To start using the grid, wrap the desired items with `grid-wrapper`. Items inside the `grid-wrapper` use the class `col-` followed by a number, which should add up to 12.
Here is an example of using the grid, for a 3 column layout:
```
Content Here
Content Here
Content Here
```