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!
Test Your Knowledge
Retrieval practice helps solidify learning by actively recalling information. Use this prompt with your AI assistant to quiz yourself on what you've learned.
Please quiz me on exercise 2 using the epicshop MCP server. Call the get_quiz_instructions tool with exerciseNumber "2" to get the quiz instructions, then quiz me one question at a time.