Mobile Screen Responsiveness

Hello - I am looking for a way to have a map be full screen on both an iPhone X and an iPhone 5. When the map is full screen on the iPhone X it would be overlapping on the iPhone 5 with the map center being too far down on the screen, and a full map centered on the iPhone 5 is too short on an iPhone X. I have also tried solutions from the thread copied below including the variable height plugin from Zeroqode but have not found any solution that works. Could someone please assist provide any new solutions?

Setting a group to be % of viewport height dynamically

Any help is appreciated. Thank you!