Is there an easy way to make a relly old web page, that has hard coded values and used a lot of tables for formatting, responsive with a media query?

Issue

As the title says pretty much. I have a lot of hard coded widths and the whole thing is using tables to position the items. Is there an easier way to make it mobile friendly, other than going trough the whole code changing things? Preferably with just css, no javascript.

Solution

sure, With css+media queries you can re-style all the table/tr/th/td elements.

if you want a short example. just try to apply this style to your website

<style type="text/css">
    @media screen and (max-width: 800px) {
       tr {
          display: flex;
          flex-wrap: wrap;
       }
    }
</style>

And reducing the windows, you'll see that all rows will become flexible

Answered By - Daniele Rugginenti