Image cell in Grid overlaying text

[philysgdy]

Hi guys
What setting do I use to make sure the cell in the grid doesn’t overlay the text element underneath in this post?
URL:
https://staging.queenstreetmedical.com.au/features/fees/

I have been adjusting the settings, but I’m struggling with maintaining the ratios in the XS viewport. I set up cell 1 with a background image and a z-index of -1. However, I’m having trouble keeping a bottom margin for the grid, as the image in cell 3 pushes outside the grid when I move towards the wider end of the XS viewport. I realise this might not be the best approach, since you don’t recommend hiding cells. See the next screenshot

[ruenel]

Hello @Philysgdy,

Thanks for posting in! The image should not get outside of the Grid. I think you have already gotten it.

If this isn’t what you want, what should be the layout for the desktop screens and for the smaller screens?

Best Regards.

[philysgdy]

Hey Rue
For the XS viewpoint, in Cell 1, I placed a background image and set the z-index to -1. But in setting up the grid to accommodate this, I lost sight of the image.
However, from reading other responses on the forum from you in particular, I think I should not be hiding cells on different viewpoints.

This combination is what I want to build for XS

This is what I want to achieve for SM-XL.
Thanks for your support on this one.

cheers
Phil

[ruenel]

Hello Phil,

Please check the link in the secure note below. I created a Grid demo that mimics the smaller screen.

• • see the secure note below

Thanks.

[philysgdy]

Thanks Rue

Again you have shown me the light, excellent…I never stop learning

Thanks
Phil

[prakash_s]

You are most welcome, Phil.