Mi nombre es David, soy principiante y tengo algunas dificultades para encontrar una solución a mi problema:
Tengo una página con una tabla, en un sitio de WordPress. La mesa es demasiado grande para dispositivos pequeños.como teléfonos móviles, y me gustaría ir de 4 columnas a 2 columnas para estos dispositivos. Lo que me gustaría que hiciera el navegador es «cortar» las dos últimas columnas y colocarlas justo debajo de las dos primeras, porque la primera y la tercera columna y la segunda y la cuarta contienen la misma información.
Esta sería una versión simplificada del código html:
<table>
<tbody>
<tr>
<th>Artículo</th>
<th>Descripción</th>
<th>Artículo</th>
<th>Descripción</th>
</tr>
<tr>
<td>Image 1</td>
<td>International Edition ...</td>
<td>Image 2</td>
<td>Green Box</td>
</tr>
<tr>
<td>Image 3</td>
<td>Blue Box ...</td>
<td>Image 4</td>
<td>Red Box ...</td>
</tr>
<tr>
<td>Image 5</td>
<td>Absurd Box ...</td>
<td>Image 6</td>
<td>The Bigger, Blacker Box ...</td>
</tr>
</tbody>
He pensado que puede ser posible abordar esto con CSSpero toda la información que he encontrado en internet no coincide exactamente con este problema.
¿Sabes cómo se podría hacer esto?
¡¡¡¡Muchísimas gracias!!!!
.