Multimedia and the Web

Responsive typography ensures that text adapts to different screen sizes and contexts, providing optimal readability and usability across devices.

Images are the #1 reason websites feel sluggish—but they don't have to be. 

This exercise challenges you to take a "chaotic" heavy page and transform it into a lightning-fast responsive experience using Lighthouse metrics, lazy loading, and the power of the <picture> element.

Learn how to export a simple SVG, understand its structure and coordinate system, and incorporate it into a webpage in ways that allow for styling and interaction.