完全に反応するGoogleマップをウェブサイトに挿入する方法

-1

私は埋め込まれたGoogleマップをdivの中に反応性のある画像と並べて配置しています。私は地図が常に画像と同じサイズになり、そのままサイズを変更したい。これは私のコードであり、マップは実際には小さく見えます。完全に反応するGoogleマップをウェブサイトに挿入する方法

<div class="grid-container"> 
<div class="grid12-6 no-gutter"> 
    <img src="http://1.bp.blogspot.com/-MoFU-ybvlUw/TsXyHlX2AlI/AAAAAAAAARQ/kqXxZ8SquX8/s1600/la+fotolego.JPG" alt="" /> 
</div> 
<div class="grid12-6 no-gutter"> 
    <div class="map-container"> 
    <div class="mapa"> 
     <iframe src="https://maps.google.com/maps?q=manquehue%20norte%201255&t=&z=14&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe> 
    </div> 
    </div> 
</div>

私はそれはおそらく、この