All solutions

The strict pixel sizes always get me. how did you get the image to scale?

How'd you figure out positioning the background SVGs?

I would have liked to have positioned the cards on smaller screens more effectively. took a lot of math. what would you have done?

Feeling good about just about everything except the sizing of the filter/image overlay element. It's reliant on JS to get the correct positioning - but I know there's a better way to do it. How did you do it?

Feel like the font sizing was funky...never could get it quite right.

Feel like my JS is rusty...been a while since I've had live-updating components. Tried to make this pretty accessible and think I did a decent job.

Had some difficulty getting the width to be right. Does anyone use straight pixel sizing anymore? Does it matter?

Wow, the background image positioning was tough on this one.

Box shadows - how do you determine what to do?

Had some trouble with the alignment of the icons and the text next to them. Ended up using a margin to adjust but that didn't feel right. What would you have done?

Feeling really good about this one. What would you have done differently? I feel like the mobile breakpoints are way too small!

I can't seem to get the font-sizing on the hero to scale perfectly. Any advice? I set the base font size to 16px as suggested in the style-guide. Also, box-shadows are so hard to get perfect. Any advice there?