How to create a logo that responds to its own aspect ratio

One of the cool things about is that it’s literally its own document, so @media queries in CSS inside the SVG are based on its viewport rather than the HTML document that likely contains it.
This unique feature has let people play around for years. Tim Kadlec experimented with SVG formats and which ones respect the media queries most reliably. Sara Soueidan experimented with that a bunch more. Jake Archibald embedded a canvas inside and tested cross-browser compatibility that …
The post How to create a logo that responds to its own aspect ratio appeared first on CSS-Tricks.

Link: https://medium.com/9elements/building-a-responsive-image-e4c6229fa1f6