Working on a WordPress site using the Foundation 6 CSS framework, I have a design with a row containing two large-6 columns, each filled with an image featuring a wave shape. Check out the image I've linked below.
I've managed to create the two columns with images inside, but my issue is that I can't seem to get these images to be close enough to each other as shown in the example image.
Take a look at my CodePen here:
<div class="row expanded collapse">
<div class="large-6 columns">
<img src="http://projecten.webinc.nl/pen/img-left.png">
</div>
<div class="large-6 columns">
<img src="http://projecten.webinc.nl/pen/img-right.png">
</div>
</div>
If anyone knows how to achieve this effect, please share your insights!
Thank you, Jerry