Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How I could reduce padding in all sections #23

Open
BrahianVT opened this issue May 28, 2022 · 1 comment
Open

How I could reduce padding in all sections #23

BrahianVT opened this issue May 28, 2022 · 1 comment

Comments

@BrahianVT
Copy link

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

@completejavascript
Copy link
Owner

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>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants