A simple log to track notes, decisions and questions for Front-End Challenges Club challenges.
Challenge Info π
Challenge Submission π
Repository π
Challenge Solution π (for paying subscribers only)
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!)
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 π€