Mobile Responsiveness Issue for Cards

Everything looks great on desktop for the cards I made but this changes when we get to mobile. For mobile I need it to go down to one column and have all the posts vertical. However, currently it shifts to horizontal and you need to scroll which does not look good. I had changed it to one column but the problem persists and the elements do not go beneath each other. Any help here would be appreciated. Thanks.

https://preview.webflow.com/preview/wfh-kit?utm_medium=preview_link&utm_source=designer&utm_content=wfh-kit&preview=548f6ad4bcc15c969f55f702c36ddb37&pageId=5fdd6e9fabd6978ac17aaaf6&mode=preview


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

Hi @zarif_cho, it looks like the position of your grid area is forcing a third column on all screen sizes. Under the Edit Grid settings, try resetting the Areas property on the desktop breakpoint. Or, just stretch the area to encompass only the first two columns starting at the mobile landscape breakpoint, then to only one column on mobile portrait. Let me know if that works!

Tye,

This was it! The areas property was holding me back from editing smaller sizes. Thanks for the help!