Hola, estás usando Bootstrap? Lo digo por lo de table table-striped...
Si es así, para hacer dos columnas que de tablet para abajo se vea una debajo de otra, simplemente haz esto:
Si no usas Bootstrap, deberás usar media queries para conseguir un comportamiento responsive. Siguiendo con el HTML que he puesto arriba, sería algo así:
Saludos!
Si es así, para hacer dos columnas que de tablet para abajo se vea una debajo de otra, simplemente haz esto:
Código (html5) [Seleccionar]
<div class="container">
<div class="row">
<div class="col-sm-6" id="columna_izquierda"></div>
<div class="col-sm-6" id="columna_derecha"></div>
</div>
</div>
Si no usas Bootstrap, deberás usar media queries para conseguir un comportamiento responsive. Siguiendo con el HTML que he puesto arriba, sería algo así:
Código (css) [Seleccionar]
div#columna_izquierda {
float: left;
width: 50%;
}
div#columna_derecha {
float: right;
width: 50%;
}
@media (max-width: 700px) {
div#columna_izquierda,
div#columna_derecha {
float: none;
width: 100%;
}
}
Saludos!