We've checked the web and SO for a solution to this, but have found nothing to solve our specific problem.
We are using the following table format for a contact formular:
<tr><td colspan="2">COL1-2</td><td colspan="2">COL3-4</td></tr>
<tr><td>COL1</td><td>COL2</td><td>COL3</td><td>COL4</td></tr>
<tr><td>COL1</td><td>COL2</td><td>COL3</td><td>COL4</td></tr>
<tr><td>COL1</td><td>COL2</td><td>COL3</td><td>COL4</td></tr>
Using media queries, is it possible to make COLS3 & 4 sit under COLS1 &2 (see below)?
<tr><td colspan="2">COL1-2</td>
<tr><td>COL1</td><td>COL2</td></tr>
<tr><td>COL1</td><td>COL2</td></tr>
<tr><td>COL1</td><td>COL2</td></tr>
<td colspan="2">COL3-4</td></tr>
<td>COL3</td><td>COL4</td></tr>
<td>COL3</td><td>COL4</td></tr>
<td>COL3</td><td>COL4</td></tr>
Thanks in advance for any help!