Hi webflow folks,
I’m trying to use a grid with 4 items (2x2) but they won’t wrap to a single column on mobile (or when the items start to get cut off from the screen). How do I control when a grid wraps its child elements? I don’t see the wrap function like in flexbox.
Regards,
Ernest
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
It is up to you to define the number of rows and columns in a grid for each break point you wish it to be different for. You also have to define the position of elements within that structure (grid children).
Maybe these articles will help.
I will go through the tutorials but meanwhile if someone could just take a look at the logo wrapper grid not being responsive and see what (probably several things) is wrong (auto flow and fit probably):
https://preview.webflow.com/preview/martas-fantabulous-project-c47f8a?utm_medium=preview_link&utm_source=designer&utm_content=martas-fantabulous-project-c47f8a&preview=d0f041b5e98e74df140c194a3e205031&mode=preview