Product Preview Card Component

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

I am proud I finally completed this challenge completing this challenge. It had me for days.

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

I found it difficult to display either the desktop image or mobile image based on the viewport width. I initially used state and the useEffect hook in next js but it didn't entirely solve the problem. I also tried the css ::after pseudoclass and that also brought about new issues. I later found out about the html picture element which was just suitable to solve this.

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

I will learn more about how the html picture element is used and best practices.