Basic HTML/CSS using Flexbox and Pseudo-Elements

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

I'm proud the I learned new things by building this mini project and I customized the hover effect. I'll try different units to learned how units affect the responsiveness of the website.

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

The challenge I encounter is how to import a downloaded font because I have never done that before. I usually import a font from Google Fonts. I solved that by using a @font-face rule in CSS. I customized the hover effect, and I ran into an issue with layering elements; fortunately, I solved that using z-index.

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

I want to get help with code quality. How can I refactor my HTML and CSS to improve my code? Is there any coding principle I'm violating? Please comment out.