Streaming live at 10am (PST)

Relative elements inside of a grid

Hi :wave: Any help would be greatly appreciated!

What I’m trying to achieve is to have multiple divs placed inside of a grid (and get them pushed down the rows) whilst having layered images inside of them.

To accompany absolute positioning for the layered images I switched div’s position from static to relative (as it was suggested here). Because of it they stopped going to the 2nd row of the grid and started stacking on top of each other (as seen on the image below). If necessary, please, use my read-only link.


Click here for another example

When I add a couple of images with position: static, they nicely push divs down the grid:

But when viewed from an iPad breakpoint (where I have only one column), divs get stacked:


My read-only link