It looks like your nav bar is using fixed positioning, so it's positioned relative to the browser window. You need to set the 'bottom' property on the nav bar to use your padding formula from the parent div ('calc(env(safe-area-inset-bottom) + 8px)') instead of the parent div. If you want the nav bar positioned relative to the parent div, then make the parent div 'position: relative' and the nav bar 'position: absolute'.
@Bobby Randhawa
.jpeg/public)