Article Preview Component using Media Queries, and Flex-box

My css file is really bloated, had to end up doing lots of tinkering around to make it work in the end. Specifically, using fixed heights/margins/padding to absolutely position my "share popups". Furthermore, I had to find a solution for displaying my "share popups". I opted to use inline css display:"none" and javascript to change the lnline css to display:"flex". I had used media queries to hide the mobile "share popup" on desktop (vice-versa). To do this I used display:"none" !important;