I am working on converting our site to a responsive site. I have created a few break points based on browser width. It works quite well until certain content elements gets in the way...
For example on the page there is a table that is set to 100% width and it has 5 columns in it
Because the column text has no break points the table can not be less then 500px wide (for example). So the table width is exceeding the body width (I have my minimum body width set to a standard 320px).
What is best practice in this case? How to adjust/scale the table to fit the width of the page down to the minimum 320px?