Multi Column not responsive

Hey

Thanks for a great plugin.

I am using your multi column template in my child theme.

I am displaying a list of the terms from a custom taxomony.

All works as expect except the columns are not responsive.

When view in mobile screen the columns are still side by side with longer term names breaking over to a new line.

I am using the GeneratePress theme which has includes semantic grid markup.

For example when editing a page you can include the following markup to create 3 column layout:

<div class=”grid-33>
</div>
<div class=”grid-33>
</div>
<div class=”grid-33>
</div>
How would I edit your multi column template so that each of the columns are responsive and drop down underneath each other in phone view.

Thanks for your kind assistance.