Quickstack cells disappear at breakpoints

Hi Webflow comm,

Ive been stuck trying to use the quickstack feature and have veiwed and re-veiwed the webflow resource video about it but to know luck for best part of 2 hours.

I am trying to reduce the colomns at the specified breakpoints but the it appears locked. I would love some advice as to best practice and what i am doing wrong.

Here is my ink

https://preview.webflow.com/preview/augustine-nwanya-folio?utm_medium=preview_link&utm_source=designer&utm_content=augustine-nwanya-folio&preview=7d96a5cc47789e6fd2d63da0456a297a&pageId=65674ba1744ee49ff2bbe210&workflow=preview

Thanks kindly


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

Hi Gus_Nwanya,
Basically, in your design there are elements that are spread into more than one column at a time. it is not possible to breakthem until you remove the element from the cell and demerge the cells into individual cells. You may try using flexbox property to achieve same layout across breakpoints.
Hope it helps.
Regards
Saicharan Varikuti

Hi @saicharan.varikuti

Thanks for the response. Sorry and please bare with me, my understanding of your response is pretty basic. But in essence i cannot achieve the bento box style layout using quickstack for the desktop because the breakpoint versions will not be adjustable? Correct? Or is my desktop layout incorrect from the get go.

Thanks again

Link to site is here
https://preview.webflow.com/preview/augustine-nwanya-folio?utm_medium=preview_link&utm_source=designer&utm_content=augustine-nwanya-folio&preview=7d96a5cc47789e6fd2d63da0456a297a&pageId=65674ba1744ee49ff2bbe210&workflow=preview