Skip to content
No description, website, or topics provided.
CSS JavaScript
Branch: master
Clone or download
Latest commit 003d4dc Jul 30, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
src update a11y Jul 30, 2019
.gitignore initial commit Jul 25, 2019
.prettierrc initial commit Jul 25, 2019
LICENSE initial commit Jul 25, 2019 readme Jul 30, 2019
gatsby-config.js add path Jul 25, 2019
index.js initial commit Jul 25, 2019
package.json readme Jul 30, 2019


Gatsby.js theme based on the Forty site template, designed by HTML5 UP.



Install this theme (assuming Gatsby is installed) by running from your CLI:

gatsby new gatsby-theme-forty
cd gatsby-theme-forty
gatsby develop

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:

<div className="grid-wrapper">
    <div className="col-4">
        <p>Content Here</p>
    <div className="col-4">
        <p>Content Here</p>
    <div className="col-4">
        <p>Content Here</p>
You can’t perform that action at this time.