Modify the relative units section

[yoavweiss]

The relative units section in the use-cases document doesn't define the problem well IMO. The linked article is preferring the use of EMs because of an old WebKit bug impacting zoom+/- on px based MQs, that was since fixed.

The real reason EM based breakpoints should be preferred in RWD is that the user's font size preferences can impact the MQs, unlike PX based MQs.

It may also be possible that some devices have em/px ratio other than 16, meaning that they may look broken if breakpoints are set in px only.

[yoavweiss]

Waiting for @nwtn to add a matching illustration

[marcoscaceres]

Yippy! once we have this we can republish!

[nwtn]

I mocked up these images, but I'm not feeling confident that they explain the issue, and I'm not sure what the best way to present them is. Feedback welcome.