Having major grid issues when sizing down

Hi, I’m having a lot of issues when resizing a grid for smaller breakpoints.
On desktop, I have a two column grid. However, when I try to size down to one column for tablet and mobile, I get a lot of issues. The main one is that I can’t seem to delete the second column.

I think this might have to do with the fact that I set “areas” in my grid when I first made it, which I wish I could undo (but I don’t know how).

Now, whenever I try to design for a smaller breakpoint, it shifts my content so it’s no longer centered, seems to show another grid column that I can’t delete that has no content inside of it. I tried to manually adjust the “min size/fr” with each of the smaller breakpoints out of desperation, only to find out it had resized to the smallest breakpoint across all mobile breakpoints (320px) which undid all of the work I spent hours doing.

Please let me know how to fix this. I am so confused and I’m having a lot of trouble making my site responsive as a result.

The issue is on the “Home” page, especially while getting into mobile breakpoints, and I spent hours figuring out Tablet but I think I did it all wrong.

Here is my site Read-Only: [LINK][1]

([how to share your site Read-Only link][2])