Need background-color to fill space

Question

My background-color attribute is not filling the space completely (see image) (Image shows page content to right and top but background color does not fill the white space)

Here is what the code looks like:

<body style="background-color: #163a4b; color: white">
    <app-navbar></app-navbar>
    <div style="margin: 15px">
        <router-outlet></router-outlet>
    </div>
</body>

 <body style="background-color: #163a4b; color: white"> <app-navbar></app-navbar> <div style="margin: 15px"> <router-outlet></router-outlet> </div> </body>

Answer 1

The required addition is to do the background color on the index.html instead of the component's HTML. That'll solve the issue.

Before (app.component.html)

<body style="background-color: #163a4b; color: white">
    <app-navbar></app-navbar>
    <div style="margin: 15px">
        <router-outlet></router-outlet>
    </div>
</body>

After (index.html)

<!doctype html>
<html lang="en">
<body style="background-color: #163a4b;">
  <app-root></app-root>
</body>
</html>

Need background-color to fill space

Question

1 answers

solution1
0 2019-08-27 08:26:34

Need background-color to fill space

Question

1 answers

solution1 0 2019-08-27 08:26:34

solution1
0 2019-08-27 08:26:34