by Code Bushi
Gatsby full page landing page template with beautiful pastel colors.
This is a starter for Gatsby.js V2.
The older V1 version of this starter can be found on the v1 branch
Gatsby.js V2 starter based on the Forty site template, designed by HTML5 UP. Check out https://codebushi.com/gatsby-starters-and-themes/ 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
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>