The HTML element table can be quite wide to be able to show a structured content. Sometimes the entire row of data needs to be kept along to make sense in a table. Tables can flex by default, but if they get too narrow, cell content will begin to wrap; this is often not very cleanly done!
Garrett Dimon mentioned an interesting topic about the difficulty of adjusting table width accommodating different screen sizes and ensuring the sense in content of the table:
"Data tables don't do so well with responsive design. Just sayin'."
In this chapter, we will learn four different approaches to create responsive tables: