Streaming live at 10am (PST)

Grid items won't wrap (not responsive)

#1

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)

#2

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.