Article preview component Solution

** Hello everyone.**

I was not coding for 2 weeks so i ended up spending a lot more time styling it then i should have.

• Added a fade in animation for the social links window.

I wanted to practice media queries, but didn't know what breakpoints i should use. I decided to go with the breakpoints that bootstrap uses. Now my issue is that, i finished this challenge with a default CSS targeting the mobile first approach, and then i have CSS for 4 breakpoints, targeting small, medium, large and extra large devices. And Of course after having so make break-point, i think my sass looks kinda messy. Plus the final CSS file is huge!! So i was thinking, isn't it ridiculous that I've to write this much CSS for such a small component like this. Am i writing too much or this is how it should be?

Feel free to leave comments on how I can improve my code. Thanks!