Failing Gridception

I have a grid, with grids inside. I cannot make it responsive. At all. In fact, strange FR units appear, that are different sizes to other FRs.

Maybe grid isn’t the right thing to be doing here. But I am determined to learn grid. And gridception.

Can you help me figure out how to change the grid(s) to work at different breakpoints?


Here is my site Read-Only: https://preview.webflow.com/preview/jonathans-beautiful-project-baa389?utm_medium=preview_link&utm_source=designer&utm_content=jonathans-beautiful-project-baa389&preview=a66539457b4be6cc79d13b93f735ba13&pageId=5eecd2be278e0fe033bef0d3&itemId=5eecda92d6f3257d7ed2bbec&mode=preview
(how to share your site Read-Only link)