JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css">
<div id="map-canvas"></div>

CSS

#map-canvas {
    position:fixed !important;
    position:absolute;
    top:0;
    left:200px;
    right:0;
    bottom:0;
}

JavaScript

var map;
            var markers = [];

            function initialize() {
                var map = L.map('map-canvas').setView([51, 25], 10);

                L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                    maxZoom: 18,
                    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
                        '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
                        'Imagery © <a href="http://mapbox.com">Mapbox</a>',
                    id: 'examples.map-i86knfo3'
                }).addTo(map);

                timeout();

            }

            function timeout() {
                return L.marker([51, 0.09]).addTo(map);
            }

            L.DomEvent.addListener(window, 'load', initialize);