Header style conflicts on specific version of Safari #73
Description
Page URL:
Old URL:
No response
Did this page work in the previous website?
N/A
What issues do you see?
Other
Description of issues
Styles aren't broken so much as my version of Safari 15.5 (17613.2.7.1.8 M2 Monterrey 12.4) renders them differently compared to Chrome. I checked on my other MacBook (M1), and everything looks good there. I also visited other sites using the Safari version in question, and for the most part, they render fine.
It seems that some styles applied to img and video elements are causing the logo to display with object-fit=cover in this version of Safari, as shown in this screenshot. Using pixel units in max-width seems to work fine, as demonstrated below.
The nav styles and logotype treatment don't seem to be applying properly either.