Running into a problem using CSS grid only on mobile

I’m in the process of creating a responsive site and ran into some trouble with CSS grid, specifically in mobile on my case study page. The desktop & tablet are how I am wanting it, but the landscape and portrait mobile aren’t. I’m not sure where the issue is coming up, but if anyone could help me understand where the issue is, I would really appreciate it!



Here is my site Read-Only: Webflow - Jinna Yu - UX Designer

@jinner

Simple solution, these individual sections need to be set to manual. Simple move them to the box in the grid that you want and delete rows/columns accordingly.

Hi Kevin, thank you so much for the tip! I changed the individual text blocks into manual and was able to rearrange it to how it was set up on desktop! Easy fix indeed! :smiley:

1 Like