Two columns not displaying properly full screen Edge browser

[Aph100]

Hi. On my homepage I have a section split 2/3 +1/3. There is a border around the 2/3 column. Within the 2/3 column I have a further row to split 50/50 to give me two columns.

This works Ok, apart from when viewed in Microsoft Edge at full screen, when the second column in the 2/3 is merged into the first column. I have checked the layout for that 2/3 row and it is set at 50/50 and given we are at full screen display I would expect the two rows to be side by side, as they are on every other browser.

I should add that if the Edge. browser is reduced to say 75% screen view, the columns are being displayed properly

Has anyone any ideas please?

Thanks

[ruenel]

Hello Alex,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Meanwhile, please view the page in your browser with 100% screen view.

Thank you.

[Aph100]

Hi Ruenel, and thanks for your response.

the url is: staging.modburyteam.org

Thanks

Alex

[jade]

Hello Alex,

I have just checked your site on Edge and the columns are displayed correctly on my end:

Can you please try making sure your browser is updated and that you cleared your browser cache?

Thank you.

[Aph100]

Hi. Thanks for your response. The

But in you scroll down to age Weekly Reflections Section you will notice that the text starting The Weekly Reflection is in column one, whereas it should be in column 2, and is except in full screen in Edge

I have attached an image of where the text should be

Thanks!

[friech]

Hi Alex,

Thank you for the clarification, there seems to be a miss calculation on the column’s flex-basis, did you use a negative margin anywhere?

Please provide us login credentials in a secure note so we can take a closer look.

Thanks,

[Aph100]

Hi and thanks for your help

I cannot see that I have a negative margin anywhere. I have added the login credentials

Thanks

Alex

[friech]

Hi Alex,

Thank you for credentials, I did go ahead and fix the issue, It seems 1rem of Gap Width on the main and nested ROW is too much (for Edge), so I’ve change that to only 12px.

Please clear your cache on your end,

Hope it helps,
Cheers!

[Aph100]

Hi Friech

Wow you guys are amazing, Thank you so much, I would never have found that in 1 million years.

Thanks for brilliant support

Best wishes and stay safe

Alex

[ruenel]

You’re welcome Alex!
We’re just glad we were able to help you out.