Grid is not showing right on mobile

In the “Work” folder, I have a test page called “Speede Fitness Equipment.” On this page, I have a grid (Grid 5) under a section titled Development" that is a 3 column grid. I want this to switch to 2 columns on mobile, but the columns are not auto-resizing when I delete the columns in the mobile breakpoint. How do I get these columns to adjust accordingly?

Here is my grid on desktop:

Here is my grid on mobile landscape:


Here is my site Read-Only: https://preview.webflow.com/preview/hatch-32136a?utm_medium=preview_link&utm_source=dashboard&utm_content=hatch-32136a&preview=a464359e7e144788739680772eaf49e0&workflow=preview
(how to share your site Read-Only link)

@Elizabeth_Merchut ~ Welcome to the community! :slight_smile:

I’m still new at this, but try switching your layout from grid to flexbox on your mobile breakpoint and set it to vertical. As a side note, I know it’s tedious to name your classes, but it is so essential for the maintenance of your site. It might not be so obvious now, but you’ll appreciate it later. ; )