This is a starter for Gatsby.js V2.
The older V1 version of this starter can be found at:
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.
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
gatsby develop in the terminal to start the dev site.
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:
<div className="grid-wrapper"> <div className="col-4"> <p>Content Here</p> </div> <div className="col-4"> <p>Content Here</p> </div> <div className="col-4"> <p>Content Here</p> </div> </div>