You can make a table responsive with CSS by using the CSS `overflow` property in conjunction with `max-width` and `min-width`. Here’s an example:
```
.table-responsive {
max-width: 100%;
overflow-x: auto;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
}
```
HTML:
```
The CSS in this case will make the table scrollable left to right on small devices. Without this, the table will simply cause the screen to be wider than it should be.
