How to fit in specific number of items in a row

[smukee]

My gallery has 10/12 images of same size in it, currently with below setup I managed to fit in 5 items by modifying rowHeight.
I was wondering if there's any native or other way to accomplish this?
Also, I have the same problem on mobile screen size, it only fits one(full width) when I'm visiting my gallery on mobile I want two per row... How can I modify row size?

rowHeight="100"
margins="5"
thumbnailResizeOptions="600x600 q90 Lanczos"
showExif=true 
previewType="blur" 
embedPreview=true 
loadJQuery=true

So, basically, what I want for desktop is:

And mobile, this:

[mfg92]

Unfortunately, there is no simple way to do this.
One option would be to use JavaScript to dynamically compute the required row height depending on whether the user is viewing the site on a mobile device or desktop. Then set it and update the gallery.
$('#GALLERY_ID').justifiedGallery({ rowHeight : MY_COMPUTED_VALUE});