JSFiddle - React, Tailwind, and code Playground

by Liaqat Saeed

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<svg>
    <g class="datamaps-subunits">
        <path class="datamap-subunit AFG"></path>
        <path class="datamap-subunit AGO"></path>
        // paths for every country
        <path class="datamaps-subunit NZL" data-info="{'fillKey':'partner'}" data-hasqtip="13" style="fill: rgb(184, 37, 47); stroke-width: 1; stroke-opacity: 1; stroke: rgb(253, 253, 253);"></path>
     
    </g>
</svg>

CSS

h3{
display: inline-block;
    margin: 0 auto;
}

.container {
    display: flex;
    flex-direction: row;
    overflow: visible;
    overflow-y: scroll;
}