Responsive gallery

You can add some custom CSS to get 2 columns on mobile. You can tweak the below CSS based on the screen size you want and the gutter size your gallery uses:

@media only screen and (max-width: 600px){
	.foogallery.fg-default .fg-item {
		margin: 10px !important; /* Change the gutter size */
		/* Change the width so two columns are displayed.
		The 20px value is the gutter multiplied by 2
		as it is displayed on the left and right of the item. */
		width: calc(50% - 20px) !important;
		min-width: calc(50% - 20px) !important;
		max-width: calc(50% - 20px) !important;
	}
}