Hacer que una tabla responda en CSS permite que la tabla se vea bien en todos los tamaños de pantalla. Aquí hay una forma de hacerlo usando CSS:
1. Asegúrate de tener una tabla en tu HTML, por ejemplo:
```html
| Encabezado 1 | Encabezado 2 | Encabezado 3 |
|---|---|---|
| Dato 1 | Dato 2 | Dato 3 |
2. Encierra tu tabla en un contenedor div:
```html
3. Establece un ancho máximo para la tabla y haz que se desplace horizontalmente en pantallas pequeñas usando CSS:
```css
.table-responsive {
width: 100%;
overflow-x: auto;
}
.table-responsive table {
width: 100%;
margin-bottom: 0;
}
```
Con esta configuración, la tabla siempre tomará el 100% del ancho de su contenedor padre, y si el ancho del contenedor es menor que el ancho de una tabla, puedes desplazarte horizontalmente para ver el resto de la tabla.
Recuerda que esta es solo una forma de hacer que las tablas sean responsivas y puede que no funcione para todos los casos. Algunas tablas con un gran número de columnas pueden requerir soluciones más complejas.
