Hola a la comunidad, soy un poco nuevo en el tema de maquetacion, resulta que un div padre, donde va contener dos divs hijos por fila, osea es como cada div tenga el mismo tamaño con un espacio margen, lo logre hacerlo de alguna forma, pero cuando lo pruebo con otra pantalla de otra dimension, no funciona del todo bien, porque aparece solo un div por fila (mas corta la pantalla del monitor).
Les muestro mi codigo css:
Código:
<style type="text/css">
.inner-panel {
width: 46%;
margin: 5px 10px 5px 10px;
border: 3px solid #5C9CCC;
display: inline-block;
}
.outer {
width: 100%;
text-align: center;
}
.inner {
width: 76%;
margin: 0 auto;
text-align: center;
}
.inner-blank {
width: 12%;
margin: 0 auto;
text-align: center;
}
</style>
Código HTML:
<div class="outer">
<div class="inner-panel">
codigo
</div>
<div class="inner-panel">
codigo
</div>
<div class="inner-panel">
codigo
</div>
<div class="inner-panel">
codigo
</div>
</div>
Si le muestro en otra pantalla, me sale este problema:
Alguien podria orientarme a solucionar este problema.
