Show/hide markup
<ul class="feed">
    <li class="feed-item event">
        <figure class="media image">
            <img src="//placehold.it/152x152" alt="Event Photo" />
        </figure>
    
        <div class="content">
            <h2 class="title"><a href="#">Event Title</a></h2>
            <p class="meta meta-date">October 1</p>
            <p class="meta meta-time">8:00 PM&ndash;10:00 PM</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore optio, enim sed eius quisquam suscipit soluta natus fugiat aspernatur corporis eos explicabo! Quibusdam harum repellendus dolorum modi corporis, incidunt officiis dolor facilis neque excepturi nesciunt, perspiciatis quia. Obcaecati consectetur, molestiae?</p>
        </div>
    </li>

    <li class="feed-item event">
    
        <div class="content">
            <h2 class="title"><a href="#">Event Title: Extra Long and Spans Multiple Lines Because it&#x27;s Amazingly Long</a></h2>
            <p class="meta meta-date">October 11</p>
            <p class="meta meta-time">10:00 AM&ndash;11:00 AM</p>
            <p>Ad necessitatibus doloremque a nam dignissimos, aliquid, mollitia repellendus dolorem, officia in qui, voluptatem culpa. Consectetur fugiat neque ipsa quam fuga assumenda sapiente praesentium laudantium. Itaque illo excepturi, quo, doloremque laudantium expedita quisquam, sit, unde mollitia ea reprehenderit saepe ad.</p>
        </div>
    </li>
</ul>