Responsive News Homepage - NextJS, React, and Tailwind

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

I am proud of how I implemented the dynamic image rendering using the NextJS Image component. I wanted to lean on NextJS image optimization. This is the piece of code to get rid of the warnings and make the image file source dynamic:

Hope this helps.

I also used shadcn for the mobile menu. This saved time and helped me focus on the grid layout. The reason I chose this challenge is I wanted to improve my skills in using Tailwind's grid utilities and implementation.

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

I just eyeballed the layout since I didn't have the .fig file. I focused on learning NextJS, and React, and did my best to make the design close to the mockups.

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

I am fine for now. Enjoying these challenges and learning so much. Thank you.