I’ve got some weird behaviour going on with an absolute positioned flex box.
Basically, what I’m trying to do, is get to this layout:
Right now I’m working on the images (slider).
As you can see, the images basically fall out of the grid, so to do this, I’m creating a flexbox container with 100 vw and an absolute positioning. The left box is going to be empty, the right box is going to contain the images. However, I get super weird behaviour from the divs, they are basically jumping around and sometimes not even showing.
I’m, talking about the unnamed div boxes, since it’s still WIP:
Any ideas on this?
Also, I’m might taking a completely dumb approach to building this
If that’s the case, please let me know.
When checking out the read-only link, make sure to select the Cities Template page.
Also, I just noticed that the issue doesn’t seem to be happening in Safari, mainly Chrome.