Problem with RSD display on iPad

User 498353 Photo


Registered User
8 posts

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)
Attachments:
User 122279 Photo


Senior Advisor
11,403 posts

It would be better if you posted the .rsd file you are working on. We need to see why this happens.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.horgenhonning.net/
Component sharing for RFF, RBB, RSD and SD: http://www.horgenhonning.net/sharing/


User 498353 Photo


Registered User
8 posts

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


Registered User
1,732 posts
Online Now

Denis McNamara wrote:
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,
The Sky Is A big Empty Space : But There Is No Room For Error
website https://rsdtutorials.com
User 2699991 Photo


Registered User
1,732 posts
Online Now

Wayan Jaya wrote:
Denis McNamara wrote:
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.
The Sky Is A big Empty Space : But There Is No Room For Error
website https://rsdtutorials.com
User 122279 Photo


Senior Advisor
11,403 posts

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.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.horgenhonning.net/
Component sharing for RFF, RBB, RSD and SD: http://www.horgenhonning.net/sharing/


User 2699991 Photo


Registered User
1,732 posts
Online Now

Inger wrote:
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 :D
The Sky Is A big Empty Space : But There Is No Room For Error
website https://rsdtutorials.com
User 122279 Photo


Senior Advisor
11,403 posts

So, what was solution #1? :cool:
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.horgenhonning.net/
Component sharing for RFF, RBB, RSD and SD: http://www.horgenhonning.net/sharing/


User 2699991 Photo


Registered User
1,732 posts
Online Now

Inger wrote:
So, what was solution #1? :cool:

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

but your solution with the containers is the better way to do it
The Sky Is A big Empty Space : But There Is No Room For Error
website https://rsdtutorials.com
User 498353 Photo


Registered User
8 posts

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.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.