gatsby-blog-template
gatsby-blog-template copied to clipboard
How I could reduce padding in all sections
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
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>