Adaptive Margins in Action
We spotted some particular adaptive tricks. On desktop, game thumbnails could have a 20-pixel margin, which reduces to 10 pixels on mobile to maximize of the more narrow screen while yet keeping things separate. Text blocks use relative units like ’em’ for their margins, so the spacing grows in proportion with the font size. This keeps the reading relationships intact even if you zoom in.
Table of Contents
Toggle