<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="row">
<div class="column">
<div class="_4-u3 _5dwa _5dwb _3v6c" style="text-align: left;"><strong><span class="_38my">ON SOM:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c iframe_container" style="text-align: left;">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2516.555272130855!2d4.339358315458401!3d50.894940979539264!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c3c3ac00000001%3A0x5293071d68a63709!2sAtomium!5e0!3m2!1sca!2ses!4v1530871671353"
allowfullscreen></iframe>
</div>
</div>
<div class="column">
<div class="_4-u3 _5dwa _5dwb _3v6c" style="text-align: left;">
Addresss
</div>
<div class="_5aj7 _3-8j _20ud" style="text-align: left;">
<div class="_4bl9">
<div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">Contact</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c">
98798798798798798798
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">Time:</span></strong></div>
987987987987987987987987987
</div>
</div>
</div>
</div>
<div id="u_fetchstream_1_u" class="_5aj7 _3-8j">
<div class="_4bl7" style="text-align: left;">
<div class="_2iem">
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
<div class="_4-u3 _5dwa _5dwb _3v6c"><strong><span class="_38my">more and more info:</span></strong></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
.column {
flex:1;
}
.column .iframe_container {
height:100%;
}
.column iframe {
flex:1 1 auto;
width:95%;
height:100%;
border:0 none;
}
.row {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-content: stretch;
align-items: stretch;
}
# Ampliar Altura de iframe Automáticamente
En respuesta a la pregunta: [Ampliar Altura de iframe Automáticamente](https://es.stackoverflow.com/questions/178416/ampliar-altura-iframe-dinamicamente/178425#178425)
Se usa flexbox para definir la visualización y el "crecimiento" de los objetos para usar todo el ancho y alto disponible