Как разместить карту на весь экран?

Question

[zhqbwowh]

Я использую Яндекс Карты. И хочу разместить карту на весь экран. Но верхней части экрана появляется серая полоса. Как от неё избавиться?

html:

<div class="contacts">
    <mat-card class="contact-card">
        <mat-card-header>
            <mat-card-title>
                Контакты
            </mat-card-title>
        </mat-card-header>
    </mat-card>
    <div id="apiMap" class="api-map">
    </div>
</div>

css:

.api-map {
    height: 100%;
    width : 100%;
}

.contacts {
    position: fixed;
    height  : 100%;
    width   : 100%;
    display : block;
}

.contact-card {
    z-index: 9999;
    top    : 50%;
    width  : 400px;
    left   : 70%;
}

Comments

[Danny Arty]

можете в песочницу закинуть код? так тяжело вам дать подсказку, не видя полностью как реализовано и откуда серая полоса

Answer 1

[Сергей Зенькович]

body {
margin: 0;
padding: 0;
}
Должно помочь.

Comments

[zhqbwowh]

Нет, такое не помогает.

Answer 2

[MeMoJlor]

Спрячьте с помощью отрицательных значений margin-top