Article preview component with html, css and js

I tried to implement a new way of thinking in both my css and js especially with separating styling concerns with css (i.e separating the base styles with adaptive styles) and also, I learnt how to add interactivity with javascript.

I was not able to completely figure out the interactivity so there are a lot of bugs with the button especially on different screen sizes, it still works but the button can go missing in some cases which will require you to refresh the browser...I had to create another media query for 1501px and upwards but to no avail, I have done my best and I sincerely hope someone can help me point out the errors I made and or solutions to the bugs the current website has...overall, this was a very good project and I am happy I made it this far (P.s, the bug mostly shows on larger screens, on mobile, there is no issue unless you switch to landscape mode)