Hi, I'm pretty new to RSD. I'm building a website for my wife (who is a real estate broker) at VistaDelNorte.net I have 4 columns with 3 spans each for recently sold homes in that neighborhood. At full screen on my laptop all 4 columns are displaying correctly. It's also good on my iPhone displaying a single column. On my iPad however I'm getting a gap between a couple of homes in both portrait mode (2 columns) and in landscape (3 columns) Any advice would be appreciated.(I've attached a file showing the gap in landscape on my iPad)

It would be better if you posted the .rsd file you are working on. We need to see why this happens.

Thank you. I have uploaded my .rsd file to my AWS account at:
https://s3.amazonaws.com/bestpracticesrealty/vista-del-norte-3.rsd

Hello Denis
I have 2 solutions but will await Inger first as I don't want to butt in,

I have made a video for solution N01 what operating system do you use (ie: windows 10 ?) will upload it if you need it.

I'm butting in right now

It looks like the problem has to do with all the houses sitting in one column each. Open the project that I'm sending back, and under 'Pages' you will find one called index_1.
On that page, I have inserted a new row with just one column. Then I put in a container div, styled it as far as I was able to in order to replicate your design (I didn't insert images, nor styled the paragraph or text link), then duplicated it as many times as needed.
You will see that I have used flex positioning, not floats.
See if you like it

https://www.dropbox.com/s/fxtcibnrqaxep … x.zip?dl=0

I used class names ending in -x in order not to mess up your classes.

That was solution No2 for me

So, what was solution #1?

watch the video
https://youtu.be/icH_erTGQp4

but your solution with the containers is the better way to do it

Thank you so much Inger! The .rsd file that you created and sent to me is exactly what I needed. And thank you Wayan Jaya as well.