Estoy usando tailwind css y flowbite y quiero mostrar un modal, estoy usando este código para el modal de flowbite pero el mapa de alguna manera se muestra encima de mi modal, como puede ver: 
<div class="grid grid-cols-2 gap-4 ml-8 bg-gray-100 w-screen h-screen "> <div name="left_side" class=" mt-6 mb-6 h-max "> <Modal/> </div> <div class="min-h-full"> <Map /> (leaflet map) </div> </div>¿Puede por favor decirme alguna solución rápida para esto?
Puede modificar el z-index para que su elemento de mapa sea más bajo o aumentar el valor z-index para su modal.
Intente agregar una clase similar a la siguiente a su elemento de mapa:
.map-element { z-index: -1; } Para modificar z-index para su modal, puede intentar agregarlo como un valor arbitrario al atributo de clase de su modal:
<div class="z-[100]">De la documentación de tailwindcss: https://tailwindcss.com/docs/z-index#arbitrary-values