How to achieve such construction using Flexbox?

[d.ts (Dima)]

Hello, buddies!
I’m new with flexbox and stucked with such positioning. Could someone provide an example of how we can achieve the same construction via Webflow?

Thank you in advance

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[parker (Parker Thompson)]

Hey there!

I was able to accomplish this layout with CSS grid. Set the left column to an area and then re-configure for mobile views. Here’s a refresher on CSS grid that is super helpful!

CSS grid in Webflow | Webflow University

[parker (Parker Thompson)]

If you’re interested, here’s the page where I tested it out!

https://preview.webflow.com/preview/parkertesting?utm_medium=preview_link&utm_source=designer&utm_content=parkertesting&preview=2b35d7fd764209dca86a2c67fbda06d9&pageId=5d9cf3aad4f7a441488d96a6&mode=preview

[d.ts (Dima)]

Hello.
Thank you, Parker. But seems that the topic title has confused you. I have meant how can we achieve such, using Flexbox

[parker (Parker Thompson)]

I’m not sure how you could do this with flexbox only in Webflow unless you created two instances of the #1 box and hid them based on your device size. I would recommend using Grid instead. Hope that is helpful for you!

[d.ts (Dima)]

Thank you