Responsive Article Preview Component

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

I am proud that I was able to complete it somewhat similar to the design. Next time, I will be more meticulous to achieve a UI that closely matches the design.

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

The most challenging part was handling the content of the images. I was quite confused about how to make it as similar as possible, but after some research, I managed to resolve it by adjusting the values in the background-position property. The tooltip section was also quite challenging. But I chose to create two different elements, one specifically for mobile and another for desktop.

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

If possible, please provide overall feedback. Is the HTML structure semantic? Is the JavaScript solution appropriate, or should I have tried to use only CSS? Any other suggestions are also welcome.