Steps to reproduce
Reduction URL: https://jsfiddle.net/cqgL7gpf/
Actual URL: https://next.smashingmagazine.com/2017/03/a-little-surprise-is-waiting-for-you-here–meet-the-next-smashing-magazine/
Smashing magazine bug: https://github.com/smashingmagazine/redesign/issues/76
Chrome/Safari/FF resize the SVG added via
::before to fit the 2em width. It uses display table-cell on the before and table on the actual element.
SVG sizing doesn’t respect the width added via CSS, causing the image to be much bigger.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Greg W.”