All solutions

What are you most proud of, and what would you do differently next time?

• I would try to approach this using Grid instead of Flexbox.
• the task states all measurements in px. In real world, I would most likely flip to rem and em.

What challenges did you encounter, and how did you overcome them?

• I was uncertain about margin sizes
• This example made me aware when having a pixel-template that if you calculate the pixels you need to be aware of the box model that padding and margin play a role.
• I did not do the math to 100% match the pixel sizes of the Figma template
• Adding the wide space at the bottom - I just eye balled it

What specific areas of your project would you like help with?

• Figuring out the measurements of the different parts. With Figma I could select different objects in the template. With JPEG, I would use an image tool and look at the size of the different areas. However, is it really necessary to create a representation that is true to the pixel-size. I think as long as it behaves the same considering later tasks will include responsive designs, it does not need to match "by the pixel".
• I used Chrome on Mac as a browser and the fonts look a bit different than in the Figma template. Do you recommend another browser for comparison? I double checked font weights and colors.