Now my problem is, that the element in the lower right is not aligning within that “masonry layout”, but aligns itself too low next to the 2nd last element.
Anyone got an idea how to fix that within only using flexbox and without nesting all elements within divs? (i dont want that cause i want to have control over all elements over the viewports etc.).
You’ll need to wrap and nest certain elements. so the top 2 would be wrapped. Then below that the left 2 get wrapped. Then you wrap that wrapper with the box below it. Then that wrapper get wrapped with the last box that’s giving you trouble.
Yeah but then I cant mix elements and/or put them e.g. on tablet mode next to each other, when they are wrapped within a div wrapper.
I got it with putting 5 elements on flex and the last one in the lower right corner gets flex AND another class with position absolute. then it sits there nicely.
plus i then can mix and change the order on tablet or mobile mode however i want.