Challenge 1: One Logo File for Both Mobile and Desktop Screens — Solution Walkthrough

The answer:

SVG is the right export format here. Per this chapter's own material,
SVG is resolution-independent and readable directly by web browsers —
the same logo file displays crisply on a small mobile screen and a
large desktop monitor without needing separate image files sized for
each.

Why this works without maintaining multiple files:

Per Chapter 1's own resolution-independence material, a vector shape
has no fixed pixel grid until it's actually rendered — it's
recalculated fresh at whatever size the screen actually needs. A raster
alternative (PNG or JPG) would need separate files at different
resolutions to look crisp on both a small and a large screen, exactly
the maintenance burden this chapter contrasts SVG against.

Why this is the concrete payoff this chapter describes:

This is exactly what this chapter calls "resolution independence at
export time" — a single SVG file, produced once from the vector
source, adapts cleanly to any screen size a browser actually renders
it at, with no separate low-res and high-res versions needing to be
tracked or updated separately.

WHY THIS WORKS AS AN ANSWER
------------------------------
This exercise checks that a cross-device display need is correctly
matched to SVG's own resolution independence, rather than a raster
format that would require multiple maintained file sizes.