Question: I have an HTML email with standard TD's side by side. However, on mobile I want these to stack. I have used display:block; that works on some email browsers, however on others (Outlook) this does not work.

HTML is as follows:-

```css
@media screen and (max-width: 800px) { 
  .res-block td {display: block !important;}
}
```

```html
<table class="main" width="700" align="center" cellpadding="0" cellspacing="0" border="0" style="background: #fff;margin:auto !important">
  <tbody>
    <tr class="res-block">
      <td style="background: #ff9400;">hello</td>
      <td style="background: #ff9400;">john</td>    
    </tr>  
  </tbody>
```

Can someone please help?

Thank you!

Answer: 
We are using the Java libraries from ID automation and generate images on the fly by using the Java libraries with Javascript from inside BIRT.
This is not as elegant as a plugin, but it works fine.
For QR-Codes, we are using Google's ZXing library in a similar way.
I've been using this PLUGIN (source code): <https://code.google.com/archive/p/birt-barcode-extension/>

It's not very sophisticated, but you can insert / EDIT the barcodes on the template with a "default" preview.

It relies on ZXing (you must get it from GITHUB)