Question: I have a three column table in HTML. The cells in the third column are all of the same class.

I want the third column in each row to move to a new row under the column if the screen width is less than 750px.

So, the table would normally look like this:

```
<table>
 <tr>
  <td></td>
  <td></td>
  <td class="thirdcol"></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
  <td class="thirdcol"></td>
 </tr>
</table>

```

If the screen width is less than 750px, I want the javascript function to make the table look like this:

```
<table>
 <tr>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td class="thirdcol"></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td class="thirdcol"></td>
 </tr>
</table>

```

Answer: 
As soon as I finished typing this question, I realized I could just look at the documentation for 'or'.

From the docs: 
 "Evaluates exprs one at a time, from left to right. If a form
 returns a logical true value, or returns that value and doesn't
 evaluate any of the other expressions, otherwise it returns the
 value of the last expression. (or) returns nil."
```
if (foo() || bar() || foobar()) { /* do stuff */ }

```

to

```
(if (or (foo) (bar) (boobar)) (comment do stuff))

```

or

```
(when (or (foo) (bar) (boobar)) (comment do stuff))

```