Grid Responsiveness Failed-The Freelancer's Journey Part 26

Design help General
1

Hi people,

Newbie here… I’m following the freelancer’s journey tutorial to understand how webflow works. However i got a little stuck on Part 26 which is about the editing the grid to fit the mobile landscape better.

My issue is; in the video tutorial @3:35, it shows that when he changed the major heading grid from taking 3 columns to 2 columns by dragging it. the whole grid system seems to following the instructions and it automatically delete the other grid and the whole thing move accordingly. We are supposed to have 3 columns for the design, and they automatically adjust to 2 columns when he stretch the “major heading” from 3 columns to 2 columns.

Howeveeerr… on my page; when i tried to adjust the “major heading”, nothing seems to change.

Q1
Q11874×859 138 KB

and when i tried to adjust my columns manually by deleting 1 column, it automatically generated another column on Auto mode. so i cannot seems to escaped from 3 columns settings.

Q2
Q2330×837 23.3 KB

Here is my shared link:
https://preview.webflow.com/preview/ben-averys-fresh-project?utm_medium=preview_link&utm_source=designer&utm_content=ben-averys-fresh-project&preview=a302f4b9e14b83a72bd853e236b73066&pageId=60a5e47834edb7242f7dee83&itemId=60a5e644611df4279452267f&workflow=preview

and here is the link to the tutorial:

Thanks fellas!!