Grid distribution for mobile display

Design help General
1

Hi there!

I’m facing an issue with Grids. I used a grid to design a 3x2 layout (each column has a pictogram and a text above).

But when I switch to mobile display, the grid isn’t stacking by 2 (image + text, then image + text, etc.), but stacking 3 images and then 3 texts. If I change the order on mobile version, it changes on the desktop version also.

I’m searching for a way to choose the distrubution of the grid in mobile version, or to choose the order of stacking. I tried to use areas but doesn’t change anything. I didn’t find any answer about this issue :disappointed_relieved:.

It would be a great help if someone knows how to do so ! Sorry for my vocabulary, our designer left us and I have to manage the website without any skills :sweat_smile:

Thanks ! :pray:

Here is my site Read-Only:
(Webflow - Tchek)

2

HI @Baptiste_Barloy your project have large amount of pages and each contain several grids. Please follow basic guideline and be more specific what page what component etc. This will save time of forum members who would like to help. :wink:

When posting please:

  1. Share your project’s Read-Only link AND live site’s Published link
  • The read-only link is a special url generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
  • The published link is the <your-site>.webflow.io subdomain where you can view the live site with custom code running. It is important to share this link, as custom code does not run in the Designer.
  1. Upload as many screen shots/screen cast videos as possible to help others help you faster
  2. Add a description of what you’re trying to achieve, and/or post a link to a working example of what you’re trying to achieve
  3. Reply to users by tagging using the @ sign followed by their forum username like this: @username