@holgerflickSubmitted 3 months ago
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 torem
andem
.
- 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
- 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.