How do you reset/normalize your css using google material design (angular4)?

Question

I am using angular material design at the moment. It does not reset the css like bootstrap. I have those whitespaces around my toolbar and edge of my browser.

I've checked some angular material design examples and some are using normalize css. Is it the right way to go with google material-design?

Answer 1

Yes using normalize css is a great option. It's what bootstrap uses anyways. Use the npm install for latest version: https://github.com/necolas/normalize.css/

1. Install the normalize.css library:

   npm install --save normalize.css
   

2. Import it in your styles.css

   @import '~normalize.css';