Remove Margin / Padding / Space Between Columns

Hello!

I want to create a split screen homepage (e.g. https://tympanus.net/Blueprints/SplitLayout/) by using a row with two columns. I want to remove the padding between two columns.

I’ve made the row a section, full height-full width.

I’ve added an image for each column, each image is set for Theme Full – 1170 x variable and Stretch to full width. But there is still padding / gap in the middle of the two columns.

I inspected the code and saw this for the right column.

.vc_row-fluid [class^=”wpb_column”], .vc_row-fluid [class*=” wpb_column”] {
margin-left: 2% !important

When I removed the 2% from margin-left, the right image moved to the center, but there was still a gap on the right of the right image.

I’ve searched the forum but to no avail could not find an answer. Sorry! Any assistance would be appreciated.