Streaming live at 10am (PST)

Reordering Grid contents for mobile

I’m wondering how I can reorder the contents of a grid for mobile.

On desktop, tablet, mobile landscape the grid is as follows (2 columns, 3 rows):
Image 1
Image 1 div block
Image 2 div block
Image 2
Image 3
Image 3 div block

On mobile portrait, I want the grid contents to work as follows (1 column instead of 2):
Image 1
Image 1 div block
Image 2
Image 2 div block
Image 3
Image 3 div block

Essentially I just want the image to be above the div block on mobile. Thanks!!!

hi @nmclain you can achieve this with help of grid-area you can learn more how to use CSS GRID for example here

or here

Thanks @Stan for the info. Mostly looking for how to do this within webflow though

Hi @nmclain Webflow is nothing else than GUI (Graphic User Interface) that allow you using mouse click for creating HTML and CSS instead writing code. This mean that if you want to use WF you should know at least HTML and CSS basics. But if you think that learn basics will take long time you can use Webflow University where you will learn how to use this platform. Here is part about grid-area