All solutions

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

I didn't know how to choose an image based on media size. Now I now that picture tag can handle it.

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

1. I am not sure whether I configured element resizing based on media size properly
2. Cart icon doesn't look aligned vertically despite all my attempts

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

At first I used position: absolute, and the top of the page got cropped when zoomed in to a certain extent. Then I replaced position: absolute with Flexbox and the issue was gone; the page became more responsive.

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

Setting margin: 0; padding: 0; at the beginning helped me a lot with further indentation styling

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

1. At first I tried linking static downloaded fonts in html with , but it didn't work. I succeeded with using @font-face in CSS directly.
2. I also had a problem on mobile: the content was wider than 100% of the page. I fixed it by adding box-sizing: border-box;.