VS Code, Semantic HTML5 markup, CSS custom properties, Flexbox, Figma

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

I had no idea of how box-shadows work and how cool they were so learning it was fun.

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

Challenge

The top image looked okay on the desktop version but on the mobile version, i had to figure out how i could prevent it from overflowing from the container.

Solution

To solve it, i had to remove the padding i initially gave the image and use margins rather. Also i had to use an css properties max and min width and height combined with others and it worked!!

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

1. How to change font-size with decrease in screen size without using media queries
2. Any other general help is welcomed.