title: Adaptable size for google maps embedded code - CSS/HTML
body: <p>I'm a complete begginer in CSS and HTML and I'm building my first basic page for training.</p>
  
  <p>What I want do do is making the embedded google map scale according to the size of the browser window. What are your suggestions? Is there a way to use the embedded code in a CSS class?
  How would you do it?</p>
  
  <p>Example google maps code:</p>
  
  <pre><code>&lt;iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.pt/maps?f=q&amp;amp;source=s_q&amp;amp;hl=pt-PT&amp;amp;geocode=&amp;amp;q=lisbon,+portugal&amp;amp;aq=&amp;amp;sll=39.399872,-8.224454&amp;amp;sspn=36.11675,86.572266&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Lisboa&amp;amp;t=h&amp;amp;z=11&amp;amp;iwloc=A&amp;amp;ll=38.706932,-9.135632&amp;amp;output=embed"&gt;&lt;/iframe&gt;&lt;br /&gt;&lt;small&gt;&lt;a href="http://maps.google.pt/maps?f=q&amp;amp;source=embed&amp;amp;hl=pt-PT&amp;amp;geocode=&amp;amp;q=lisbon,+portugal&amp;amp;aq=&amp;amp;sll=39.399872,-8.224454&amp;amp;sspn=36.11675,86.572266&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Lisboa&amp;amp;t=h&amp;amp;z=11&amp;amp;iwloc=A&amp;amp;ll=38.706932,-9.135632" style="color:#0000FF;text-align:left"&gt;Ver mapa maior&lt;/a&gt;&lt;/small&gt;
  </code></pre>