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? Webflow - Zocalo Food Park

#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