Getting Grids To Fit My Design

I have created 5 grids, and added html blocks in each , can you tell me how to close up the gap between the blocks so I can make the block lady grid on the right wider.

the grids I have is

3,3,3,3 4



Only 16 available and they should have equal boundaries. So not sure how you would make one chunk wider without it just occupying more grids.

You can add custom CSS class to the main grid and correct the width of sub-grids using this class