Homepage Image Blocks : How To Create 3X3 Layout

[bacowarrior]

Hi all,

 

I've been trying to customise the standard Prestashop Bootstrap theme to suit our needs but I'm struggling with the block images on the homepage (the section under the popular/featured products).

 

I want a 3x3 image layout which will link to specific categories, however the issue I am having is the first row is fine, but then the 2nd and 3rd row only show 2 images inline not 3. See pic below.

 

 

The style is:

.col-xs-4 {
  width: 33.33333%; }

Is there something I am missing or does a unique piece of style code need to be added to create the 3x3 layout?