You have completed (UPI) Chapter 5: Image Manipulation in HTML!

Instruction

Using Scalable Vector Graphics (SVG) for Resolution-Independent Images

SVG (Scalable Vector Graphics) is an XML-based format for two-dimensional graphics that is resolution-independent, meaning it scales seamlessly across various screen sizes without losing quality.

Example SVG Code:

&lt;svg viewBox=&quot;0 0 200 100&quot;&gt;
    &lt;rect x=&quot;10&quot; y=&quot;10&quot; width=&quot;180&quot; height=&quot;80&quot; fill=&quot;#007acc&quot;/&gt;
    &lt;text x=&quot;20&quot; y=&quot;50&quot; font-family=&quot;Arial&quot; font-size=&quot;24&quot; fill=&quot;#f...