Which is the correct way to make a wide table responsive without breaking the page layout?
- A Set the table width to a fixed pixel value
- B Wrap it in a container with overflow-x: auto
- C Hide columns on mobile with display: none
- D Reduce the font size
Answer
Wrap it in a container with overflow-x: auto
The table scrolls within its own container, so the page body never scrolls horizontally. Hiding columns removes information from mobile users.





