Responsive multi-page website - Next.js | TailwindCSS | Framer-Motion

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

• TailwindCSS for Responsive Design: In this project, I deepened my understading of TailwindCSS which allowed me to quickly build responsive layouts without writing custom CSS
• Framer Motion for Animations: I gained experience with adding animations to React components using Framer Motion.

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

As this was my first project using a Figma design file from Frontend Mentor, I first found it challenging to understand the design elements. I spent a lot of time understanding the design specifications such as font sizes, margins, and display styles. However, once I familiarized myself with Figma’s layout and design conventions, it became much easier to follow the design closely and implement it in the project.