JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;lang=ru-RU"></script>
<div class="content">
        
</div>

<div id="map">
    
</div>

CSS

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html {
     height:100%
}
  body {
      height: 100%;
      margin:0px;
      padding:0px
}
  #map{
      height:100%;
      width: 100%;
      position: absolute; top: 0; left: 0;
}

.content{
    width: 300px;
    min-height: 200px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    z-index: 1;
}

JavaScript

// Как только будет загружен API и готов DOM, выполняем инициализацию
        ymaps.ready(init);
 
        function init () {
            // Создание экземпляра карты и его привязка к контейнеру с
            // заданным id ("map")
            var myMap = new ymaps.Map('map', {
                    // При инициализации карты, обязательно нужно указать
                    // ее центр и коэффициент масштабирования
                    center: [56.326944, 44.0075], // Нижний Новгород
                    zoom: 13
                });
        }