All solutions

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

I am most proud of the hover feature which I implemented for the first time ever.

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

I did not know how to center elements using flexbox which I figured out.

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

How do I use rems and ems if the font-sizes are not nice multiples of each other. Specifically, in the case of this project, they were 24px and 14px, both of which are not nice multiples of 16. And 24 is not a nice multiple of 14. I could use rems and ems but it would look ugly (by ugly I mean if the root font size is 14px, then 24px would be around 1.714rem). Should I still use them in this case? Or is there a better way to go about this issue?

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

I am most proud of how quickly I solved this challenge compared with the last challenge.

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

I did not know how to import fonts into CSS which I learnt.

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

Could you please give me tips as to what is an efficient way to center the card on the screen in this specific project?

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

I am most proud of how close to the design the final product turned out. I would maybe try to find a better way to align the container to the center of the page next time.

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

Aligning the container vertically center on the webpage. I overcame this by using absolute positioning and setting right: 0 left: 0 top: 0 bottom 0

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

What are the best practices for aligning a div to the center of a webpage?