gatsby-blog-template icon indicating copy to clipboard operation
gatsby-blog-template copied to clipboard

How I could reduce padding in all sections

Open BrahianVT opened this issue 2 years ago • 1 comments

Hello man, after tried some hours and failed, I would like to know how to reduce the padding in all the sections between the header and the body

Regards

BrahianVT avatar May 28 '22 18:05 BrahianVT

Hi @BrahianVT, I'm using Shiba-css for styling.

For example:

import React from "react";

const Header = ({ title }) => (
  <header className="border-bottom border-color-light-grey">
    <div className="container">
      <h1 className="margin-none padding-top-2 padding-bottom-2">{title}</h1>
    </div>
  </header>
);

export default Header;

You can change margin-none padding-top-2 padding-bottom-2 to change the padding like this:

<h1 className="margin-none padding-top padding-bottom">{title}</h1>

completejavascript avatar May 29 '22 11:05 completejavascript