html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
.leaflet-container {
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}
#map {
    width: 100%;
    height: calc(100% - 200px);
}

#markerDetails {
        position: absolute;
        bottom: 0;
        height: 270px;
        margin: 10px;
        width: calc( 100% - 20px);
}