How can I show more/less columns in a Cards widget?

The widget will automatically adjust the number of columns based on how wide the screen is. For example, on larger screens there may be three columns of responses, and on mobile phones there will be one.

If you would like to adjust this, you can add the following CSS code to your website, where 250 is the column width:

boast-cards.boast-component .response-cards-widget__row{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}