Skip to main content
View plugin on GitHub
See starters using this
gatsby-remark-grid-system gif image

gatsby-remark-grid-system

gatsby-remark-grid-system is a plugin that…

Motivation

πŸ‘οΈ Preview

πŸš€ Getting started

Install

npm install @pauliescanlon/gatsby-remark-grid-system

Setup

Add gatsby-transformer-remark to your gatsby-config.js then add @pauliescanlon/gatsby-remark-grid-system as a plugin of that πŸ˜…

module.exports = {
  ...
  plugins: [
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [`@pauliescanlon/gatsby-remark-grid-system`],
      },
    },
  ],
}

Options

Option Type Reqiured Default Description
breakpoints array no [576, 768, 992, 1200] bootstrap inspired breakpoings
gutterWidth number no 30 gutter width …
...
plugins: [
  {
    resolve: `@pauliescanlon/gatsby-remark-grid-system`,
    options: {

    },
  },
]

✨ Styling

πŸ“ Markdown


Docs
Tutorials
Plugins
Blog
Showcase