JSFiddle - React, Tailwind, and code Playground

by Osvaldo

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<!-- MAP FOOTER -->
<div class="clearfix">

  <span class="float-left">
      <strong>Fuente:</strong> <a target="_blank" href="https://es.greenpeace.org/">Greenpeace</a>
  </span>

  <span class="float-right">
  
  <!-- MAKE SURE THE DATA-TARGET MATCHES THE ID -->
  
            <a href="javascript:void(0);" data-toggle="modal" data-target="#mapaModal" title="Difundir este mapa" style="vertical-align: middle;" onclick="typeof(ga) == 'function' && ga('send', 'event', 'EventCat', 'click', 'Descargar')">
                <img src="https://storage.googleapis.com/es-greenpeace-org/ico/download.svg" />
                Descargar
            </a>
        </span>
</div>
<!-- /MAP FOOTER -->

<!-- MAP MODAL -->
<style>
  .download-modal code {
    font-size: 0.8em;
    margin-bottom: 1em;
    background-color: #fff;
    color: #bbb;
    display: block;
    line-height: 1.4em;
    overflow-wrap: break-word;
  }

  .download-modal h4,
  .download-modal p,
  .download-modal code {
    text-align: left;
  }

</style>

<!-- MAKE SURE THE ID BELLOW MATCHES THE DATA TARGET ABOVE -->

<div class="modal fade download-modal" id="mapaModal" tabindex="-1" role="dialog" aria-labelledby="mapaModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h3 class="modal-title" id="mapaModalLongTitle">Difunde este mapa</h3>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
      </div>
      <div class="modal-body">

        <h4 style="margin-bottom: 0.8em;">Imágenes para publicar en redes sociales</h4>

        <!--...