article-preview-component-master with CSS and HTML.

Hi, this is my second challenge. I feel more comfortable with HTML and CSS. But I need your opinion. Please write me feedback. What I missed in CSS. Please check my body and container elements in style.css what would you add there? How would you do positioning and active state of social window? How did you managed fonts like in the example? I'm a little bit confused with @media..How to change size of whole picture (in normal state it's height 313px, in active state of social media window height is 304px) when you have active social window? Thank you for you comments and time.