Mobile Layout Completed
๐จโ๐ผ Our mobile design is implemented! But did we live up to the "pixel perfect" promise?
The brutally honest "screenshot overlay" test
๐จโ๐ผ If you're game, here's a fun but scary idea:
- Take a screenshot of the Figma design at
100%zoom (you can toggle that withโ0orCtrl+0) - Open up a screenshot overly extension in your browser. PerfectPixel for Google Chrome does the job quite well.
- Make sure your browser is also at
100%zoom, and set the viewport width to320pxlike the Figma artboard. - Line up the images and see how close you got ๐ค
๐จโ๐ผ Sooo... how did you go?
Time for a break!
๐ Take some notes on what you've just learned, and quickly fill out the feedback form.
๐จโ๐ผ You know the drill. Time to get away from the screen for a bit, stretch those legs and look at some distant objects to rest those eyes a little. See you after the break!