Article preview component

I certainly need to practice grid more, tried to use it to leave behind all the crazy divs that come with flexbox, but I spent way too much time fumbling around things that could've been done with flexbox in a matter of seconds.

Regarding the share button's arrow svg fill color: I loaded the arrow 2 times in 2 different divs so that I can match the already clicked on arrow's lighter color, and positioned them right on top of each other.

I'm sure there are better ways to do this. Do you know about any?

I found out about media queries in JavaScript (matchMedia()), as I had to figure out a way to result in a different behavior when clicking on the same share button on 2 different viewports. If there are better ways to implement this or some other way, I'd be glad to hear them.

Thanks!