Grid and area responisve problems

Community resources General
1

Hello all :wave:
Having a problem making my grid children flow into the second column. The problem I am having has to do with one of my grid children taking up two spaces for the desktop version.

Screen Shot 2020-12-24 at 4.35.51 PM
Screen Shot 2020-12-24 at 4.35.51 PM1548×1062 196 KB

Now How do I make it behave so that the other children can behave? https://preview.webflow.com/preview/zocalo-food-park?utm_medium=preview_link&utm_source=designer&utm_content=zocalo-food-park&preview=49d8eb327bc87891232ae8edae3d4c81&mode=preview

2

By the way when I try to manually position the blue div with yellow text, the whole thing goes buggy

3

Here is some examples in figma of how I would like the responsiveness to behave

Screen Shot 2020-12-24 at 4.46.36 PM
Screen Shot 2020-12-24 at 4.46.36 PM576×1200 188 KB

tablet

Screen Shot 2020-12-24 at 4.48.27 PM
Screen Shot 2020-12-24 at 4.48.27 PM372×846 91.1 KB

Mobile

Screen Shot 2020-12-24 at 4.49.13 PM
Screen Shot 2020-12-24 at 4.49.13 PM226×774 61.1 KB