Woocommerce products & categories in grid format on homepage

Hello,

I’ve been searching for a while and can’t figure out what I’m doing wrong and perhaps you great people can help me. I’ve been using SiteOrigin to create a handful of sites and now I’m trying to migrate an existing site into SiteOrigin format.

The site: http://www.JustCovers.co
The Theme currently being used: AccessPress Store

The site Just Covers is currently using the above theme (AccessPress Store) and the homepage content is what I’m wanting to achieve with SiteOrigin with either the North or Vantage Theme, but can’t figure it out. Mainly, I’m having a problem displaying products in a grid like format and creating different sections where they would contain specific categories such as:

Custom Covers
Pre-Made Covers
Security

What I want to achieve: http://justcovers.co/wp-content/uploads/2016/12/SO-What-I-want-to-achieve-1.png

This is the grid layout I’d like to achieve: http://justcovers.co/wp-content/uploads/2016/12/Grid-Layout.png

Can someone help determine why I’m unable to display products in a grid like format like above? Do I need custom CSS? Do I need a certain plugin? Please help as I haven’t been able to achieve this customization with SiteOrigin on my own.