I used an iPhone 14 status bar (dynamic island) component form the Figma community and dragged it into my project to get the layout of my other mobile home screen components right. I took a screenshot of my iPhone 13 and dragged it into my project. The dynamic island status bar is positioned lower down than the status bar in my screen shot. Which status bar has the correct positioning and should I use in my project? If anyone actually has the specific pixel value the status bar icons should be from the top of the screen that would be great.
Edit: will mobile responsive site adjust the vertical positioning of the site to accommodate for different status bar heights? (ie. Do I have to worry about getting the vertical spacing of the site correct to a particular status bar?)