I’m using angular, I want to create a header component, but when I add it to my main component, it appears with some margin.

Image example

`

<header id="actionVar">
    <app-home-icon id="homeicon"></app-home-icon>
    <app-carrito-componente id="carritoicon"></app-carrito-componente>
    <app-search-products id="busqueda"></app-search-products>
</header>

`

This is the head component, which in turn is composed of other components such as the home button

<header>
    <app-head-component></app-head-component>
</header>

here I add the head to the main component.

I’m new, if I’m doing something wrong or bad practices, please tell me

I tried setting margins, padding and border to 0 but nothing works. By setting the absolute position it leaves me, but from what I read your design will not be responsive