I have a regular HTML table displaying content from an API.

```
<table style="width:100%">
  <tr>
    <td></td>
    <td></td> 
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td> 
    <td></td>
  </tr>
</table>

```

My page is responsive.

When screenwidth is decreased so content does not fit the width, is it possible, with css, to make `<td>` acting like `<tr>`? So with the code above i would like to display 6 vertically aligned `<td>`?