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: 
The other answers all good, but when in doubt, you can always just test it out on the REPL:

```
user=> (or true (do (println "hello") true))
true
user=> (or false (do (println "hello") true))
hello
true

```
```
if (foo() || bar() || foobar()) { /* do stuff */ }

```

to

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

```

or

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

```