Angular material page left some gap between browser ends and the content

[YuilTripathee]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Here, there is no gap in between the ends of browser and the page.

What is the current behavior?

Here, in my localhost:4200, there is a humiliating gap (margin) in between the ends of browser and the material toolbar.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular Version: 4.2.5
OS: Windows 10 Anniversary Update
Angular Material Version: 2.0.0-beta.7
Chrome Version: 59.0.3071.115

Is there anything else we should know?

Node: v8.1.2
npm: v5.0.3

[EdricChan03]

Did you put md-toolbar in md-sidenav-container?
Also, you have to add a fullscreen attribute to md-sidenav-container.
As so:

<md-sidenav-container fullscreen>
    <md-toolbar>Content</md-toolbar>
</md-sidenav-container>

Alternatively, add the following CSS:

body {
    margin: 0;
}

[m98]

Do you have any live demo?

[YuilTripathee]

Thanks
It worked!!!

[alexmanoliu]

not working here, same problem as @YuilTripathee.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}