Grid responsive issue when for portrait mobile

Design help General
1

Hi,

To finish the responsive on mobile portrait in my second page “servicios” I encounter a problem I can’t seem to resolve as I have each section with a grid it alternates text/photo between right and left. I managed to re align vertically for the mobile landspace but for the portrait mobile I have all my assets that have popped up to the top of the page :confused: I’ve tried few things but I’m stuck on this one.

Any one has a trick here ? Also question, when you have sections like these where text/photo switch right/left as you scroll down should I have grid class different for each version ? (1 grid class for photo right, text left and another one for the opposite ?

Please help ! :slight_smile:

https://preview.webflow.com/preview/qillqana?utm_medium=preview_link&utm_source=designer&utm_content=qillqana&preview=f909ff86cad835be942b22602f983b7f&pageId=635d63fc0b918df3e10bcad0&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey, I would recommend learning Client-First and seeing how it’s built, you have a messy structure.

image
image1914×945 105 KB

As you see the page has weird padding.
If you speak Spanish and want to learn or have a mentor do not hesitate in contact me :slight_smile:

3

I corrected the padding issue and now trying to this section withou grid but columns to see if it’s easier i’m still stuck on mobile portrait. I’m loosing hope :confused: