resposive category layout for blog template

I have set my category view at 2 columns. However this is not fully responsive as shown on pic. dragging your screen size leaves white space to the right of the columns. A one column set up seems to work fine however i dont want the user to have to scroll to much to see all the listing in that category view. Can anyone explain this to me or im i just missing something simple here.
Steve
Thank you

Hello

but you may post a link to frontend page


and we will check if something is wrong with our default CSS or there is a CSS conflict

Regards

the tips
1 duplicate your template
2 check your reponsive class in your template
like span4 for bootstrap, grid-50 for gantry ect
3 edit you category_item.php or category_item_html5.php (that you chosse)
4 edit class needed in

I have just installed the site to a server so you can have a look and hopefully give me a little help. The page in question is here: www.scuba-diving-phuket.com/index.php/shop I'm no expert on css, However i can follow instructions ok. I have been using ck template creator if that is any help. I have just switched it back from a 1 column to a 2 column. 1 column seems to be ok. if i choose a 3 or 4 column it is worse.
Regards Steve

I have tried joomlas default template (protostar) and get the same results

Hello

you may get:
category.css

from here:
github.com/FLEXIcontent/flexico ... s/blog/css


it will reduce columns as screen width is reduced,
e.g. at <480px 4,3,2 columns will become 1






also if you get all templates files:
- added 1-4 columns for leading items too
- added items placements as masonry tiles (no vertical space gaps between items)

How do you switch off the annoying tooltip when you hover over a picture. Iv tried everything. It wouldnt be so bad but it shows the full address which looks a bit messy.
Thank you