Back to basics with twitter
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos amet sequi eum. Eius nostrum omnis, accusantium corrupti...
View article
HTML
<article class="news">
<div class="news__image">
<picture>
<source media="(min-width: 40em)" sizes="(min-width: 60em) 320px, 48vw" srcset="//placehold.it/320x320/fff.jpg 320w, //placehold.it/640x640/fff.jpg 640w, //placehold.it/1280x1280/fff.jpg 1280w">
<img sizes="100vw" alt="post cover" srcset="//placehold.it/320x160/fff.jpg 320w, //placehold.it/640x320/fff.jpg 640w" />
</picture> </div>
<div class="news__content">
<time class="news__time">5th January 2015</time>
<h2 class="news__title">Back to basics with twitter</h2>
<p class="news__summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos amet sequi eum. Eius nostrum omnis, accusantium corrupti...</p>
<a href="#" class="button button--more news__more">View article</a>
</div>
</article>