CSS Positioning inconsistent across browsers
I have this cute little svg/psedo-element positioned 12px to the left from the border of the parent element... In chrome, it looks okay, but in firefox and microsoft edge looks much farther away than i have set.
Its parent has
I do have a css reset applied,. I also inspected to check if firefox was adding styles that weren't in my reset, but that doesn't seem to be the case...
Their computed values seem correct... 64px wide, and 12px to the left as shown in the image... So I can't think of anything else to check, or maybe I'm just too tired to think
codepen: https://codepen.io/bavosadev/pen/vEBQbqm
Its parent has
position: sticky and the pseudo-element has position:absoluteI do have a css reset applied,. I also inspected to check if firefox was adding styles that weren't in my reset, but that doesn't seem to be the case...
Their computed values seem correct... 64px wide, and 12px to the left as shown in the image... So I can't think of anything else to check, or maybe I'm just too tired to think
codepen: https://codepen.io/bavosadev/pen/vEBQbqm
