I am having a difficult time working with flexbox at the moment. I am in the process of updating my portfolio website and I want my projects listed on the homepage to have a masonry-like design. The image below is my prototype of what I want it to look like overall.
The problem is that I cannot get the book image (large image to the right) to fill the gap beneath the two smaller images above it. Here is my share-link/preview: [https://preview.webflow.com/preview/kaylees-first-project-ee2f39?utm_source=kaylees-first-project-ee2f39&preview=eee8ef33b5a2dfd123a44816b914e572]
Note: some of the images are different from what you see on the prototype because I’m trying to figure out this structure problem at the moment.
I’ve followed this tutorial online and they keep using the Flex Child Settings that I do not see anywhere in the Style section on my own webflow program. I am using the most up-to-date Safari. So I cannot split a child into two sections. Here’s the tutorial that I was trying to follow for further explanation: https://www.youtube.com/watch?v=sQGgDWx0WXc <—It starts at the 9:40 mark.
Any help will be greatly appreciated.