The infamous Safari browser on macOS has issues with CSS Grid.
You can not use height: 100% inside the grid in Safari browser.
Solution: Put display:grid on the div surrounding your grid container.
Stan
Stan is an experienced full-stack developer and software engineer who is focused on web and game development. He is enthusiastic about new technologies. Stan is highly skilled in many programming languages and frameworks, and he always tries to deliver the best approach.