CODEWITHSUNDEEP
cssbourbonneat
Midwire
Midwire

Reputation: 1100

How to get rid of page margins using Neat and Bourbon

Using Bourbon and Neat, it seems to add an 8 pixel pad around the page by default. What is the solution to get rid of that padding and make the page content extend to use the entire width and height of the page?

Upvotes: 1

Views: 103

Answers (3)

machinehead115
machinehead115

Reputation: 1657

Using a reset stylesheet is something that you should always include as a part of your stylesheets. This idea was originally proposed by Eric Meyer in 2007.

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

His stylesheet has been ported to SASS and there are other reset stylesheets available:

Eric Meyer's: https://gist.github.com/trey/3524

Hampton Catlin's: https://gist.github.com/hcatlin/1027867

normalize can also be used. A list of the popular reset and normalize stylesheets can be found at http://cssreset.com/.

Upvotes: 1

Josh
Josh

Reputation: 1474

I would always recommend adding a _reset.scss file to reset the browsers default styles. Hampton Catlin, the founder of Sass, has created this simple reset file to add to your project.

Reference: https://gist.github.com/hcatlin/1027867

Upvotes: 0

Midwire
Midwire

Reputation: 1100

OK, I found an answer but I'm not sure if it is the best way to do it:

In _grid-settings.scss:

body {
  margin: 0;
}

I'd be interested to know if there is a better way.

Upvotes: 0

Related Questions