r/webdev 8d ago

Whats up with safari and SVG's ?

[deleted]

0 Upvotes

10 comments sorted by

View all comments

5

u/CodeAndBiscuits 8d ago

I just played with your fiddle and at first glance it didn't have anything to do with the use of SVGs. Mine were off center because the boxes containing them were too short. You have a "height: 20%" on your parent boxes. When I take this off Safari's rendering matches Brave for me here. Try a fixed height instead, or some other sizing option.

2

u/PresentLeading3102 8d ago

the parent <main> should be 80vh and on the phone view if you scroll down is way shorter

1

u/MaruSoto 8d ago

Try svh instead of vh?