Flex grid does not appear on mobile

I have a gap between my footer and header nav links. It appears correctly on desktop, but on mobile there is no gap appearing even though there are values entered. In the designer preview it shows up fine, but not on my website.

I really don’t want to have to put margins instead of gaps, and I want my website to look professional. Is it a bug or am I missing something? I am new to Webflow so I could be :thinking:

Here’s my read-only link:

https://preview.webflow.com/preview/griffith-ux?utm_medium=preview_link&utm_source=dashboard&utm_content=griffith-ux&preview=9340f67bfd89af418e8aa22a958df904&workflow=preview

Here’s the link to my actual site where the issue is occurring on mobile:
amandagriff.com

And screenshots:

In designer


On mobile