Iphone design issue

Hello, I have the following design problem for cell phone iphone 11-12
I am using a collection list for dynamic data with responsive design for different devices. For android devices (cell phone) desktops and tablet it displays correctly with proper spacing and sizes, when the page is displayed on an iphone the text moves and overlaps.

iphone view:


I think the issue is because you have a fix height for your div and element in the div. And the sum of the height of the elements overtake the fix height of the div