A simple log to track notes, decisions and questions for Front-End Challenges Club challenges.

Links

Challenge Info 🔗

Challenge Submission 🔗

Repository 🔗

Challenge Solution 🔗 (for paying subscribers only)

Notes

• Didn't want to renew my Sketch license so just eyeballed spacing, etc. Although not entirely sure that information would've been in the Sketch files?

• Wasn't sure if the intent was for everything to be vertically centered but didn't love the jumping upon display of the alerts (even though InVision click through indicated it should jump!)

  • originally had this on the body but removed it and added some top padding instead to approximate how it was positioned in the InVision prototype:

  justify-content: center;
  min-height: calc(-25rem + 100vh);
  

• The background color in the supplied tokens didn't visually match the brief materials so I changed it to use the color in the prototypes (but can easily change it back!)

• Also changed —color-light to be a slight bit darker as it was hard to see the shadow

• I'm not so great at adding subtle transitions so left those out, looking forward to seeing the solution and other people's submissions 🤓

Question(s) 🤔