Responsive table / tr

Dear Team !

I would like to know if there is a way to make the width of a table fit the screen of the user.

Please see the following case:

http://www.lilafoundation.in/test-news-bar/

I plan to add this table to the homepage of the website

As I reduce the width of the browser, I see that the table width adapts, and the space of the empty td gets progressively removed, which is great. But once reached the combined width of all the td contents, it remains one long strip, thus appearing outside the screen on the right…

Is there any solution or tip to avoid this problem? In the CSS of the table, perhaps, or even if you may recommend other ways of arranging these 5 contents, so that it shows well across screen sizes…

Thanks a lot!

Samuel