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; }