Streaming live at 10am (PST)

Grid and Rollovers


#1

I’ve just started to look into Grid and wonder if you can get the grid to reflow images automatically in to other squares when you roll over a certain Image? I can get images to enlarge using the rollover function but they cover other squares? See link below (Apologies for image repeat). Is this where I should be using flex box?

https://preview.webflow.com/preview/antons-first-project-87d835?utm_source=antons-first-project-87d835&preview=fe8953d052bcb474b1112ce8daee84cb

Thanks in advance
Anton


#2

Hey @newtothis

Think of grid more in the terms of it providing a guide and anchors for the content. With the current features it is not possible to automatically flow the items. They are acting as layers on top of each other if there is overlap. Flexbox would allow you to retain a flow of items. It is possible to use a flexbox containers inside a grid too if that seems useful to you.

Hope that helps.