Tengo un mapa de mapbox dentro de una tarjeta que finalmente pude "encajar", pero no responde y se ve terrible en el móvil. Me gustaría que se encogiera con el contenedor de página/tarjeta... ¿cómo hago para que responda el mapa?
<div class="row"> <div class="col-6 offset-3"> <div class="card mb-3"> <div class="card-body mb-4"> <div id="map-container"> <div id="map"> </div> </div> </div> </div> </div> </div>
Aquí está mi hoja de estilo app.css
#map-container { position: relative; height: 180px; width: 600px; } #map { position: relative; height: inherit; width: inherit; }
Estaba jugando con el código y lo hice funcionar. Responda abajo:
#map-container { height: 180px; width: 100%; } #map { position: relative; height: inherit; width: inherit; }