Ever since learning that SVG can be manipulated with CSS, I always thought about the idea of building some sort of comic that rearranges itself to fit different screen sizes. With media queries, you can adjust the styles for SVG elements whenever the criteria for the media queries are met. You can also have dynamic logos that change as screen size changes. I've just made the rectangles' styles change as the viewports min-width and orientation change. Feel free to take a peak at my code if you want to see how this was done. I referred to this page, Using media queries, for a refresher on media queries.

You can do it! Thumbs up from Jeremy!Just a box.
Go back to the Everyday Dev homepage.