Is there a way to remove the automatic padding added to new components in angular2? I am facing this issue with the header of my project, as shown in the image below:
I attempted to eliminate the padding by setting it to 0 in styles.css file located outside the app folder:
/* You can add global styles to this file, and also import other style files */
body {
margin: 0;
padding: 0;
}
This is how my appcomponent.html currently looks like:
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>
In addition to that, I tried adding 'padding: 0' to headercomponent.css:
.body {
background-color: pink;
padding-top: 0px;
}
The structure of headercomponent.html is as follows:
<div class="body">
<h1 class="text-center">
Crypcheck
</h1>
<p class="text-center">
Check prices of your favourite cryptocurrencies!
</p>
</div>
Your help on this matter would be greatly appreciated. Thanks for taking the time to read through.