Article Preview Component built with Semantic HTML, CSS and JS

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

I am proud of successfully implementing the active state design especially, between the mobile and desktop layouts.

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

I struggled implementing the mobile active state and desktop active states simultaneously. After a bit of research, I came across the matchMedia method. The method returns an object with property value pairs. I was able to use the matches and onchange properties from the object to successfully implement my solution.

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

All feedback is appreciated. I would specifically like to know the following:

1. Was my use of classes and id's correct for the JS implementation?
2. How can I improve the use of classes and id's for JS code?