Perfume product card

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

This challenge really got me to figure out using grid and flex box for nice, evenly spaced layouts. I am also really happy with the time this took me: no more than 2 hours of coding. I also think my abilities to judge sizes and text styles (especially the actual CSS properties which produce certain appearances) is improving.

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

It took me a while to realise that using margins on everything was not a smart way to create a good-looking responsive layout, and eventually I settled on using flex box to align and space all of the text elements in this design.

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

I am still unsure about general best practice for media query breakpoints, and whether it's important to consider certain atypical layouts for a given project (in this case, landscape orientation for mobile). Any advice on how others think through this would be great.