Tables on iPhone

Hi!

On the About page here:

http://fruth.com/about/

The tables show fine on the desktop, but not on an iPhone.

You did have me add this code to display the tables with equal width columns:

tr, td {
width: 50%;
}

That looks great when viewing the page on a desktop, but it messes up the layout of the table on an iPhone.

Here is the improper table layout on the iPhone with the above code included:

https://www.dropbox.com/s/8ayci3mnmezuozl/image2.PNG?dl=0

So, what I need to do is display the table with equal width columns on the desktop, and in a single column on an iPhone.

What do I need to do?

Thanks!

• This topic was modified 9 years, 2 months ago by rsbell.