Cartoon Chaos

Character

Media Queries

Using media queries and min-width in combination with max-width allows us to segment the CSS rules and therefore change the base color.

Background Image

Using the background property, we can load a different image onto the page using CSS.

Pixel Density

Newer mobile devices and some laptops now have more dots of light than they do CSS pixel. If we use responsive images we can provide a higher resolution logo on higher pixel density screens.

Responsive Images

By using srcset attribute in an image tag, you can enable the browser to load a different image depending on the screen width.

Studio