Oct

1

Event Title

8:00 PM–10:00 PM

Oct

11

Oct

24

Oct

30

Show/hide markup
<div class="feed">
    <article class="event item">
        <div class="date">
            <p class="month">Oct</p>
            <p class="day">1</p>
        </div>
    
        <div class="content">
            <h1><a href="#">Event Title</a></h1>
            <p class="meta time">8:00 PM&ndash;10:00 PM</p>
        </div>
    </article>

    <article class="event item">
        <div class="date">
            <p class="month">Oct</p>
            <p class="day">11</p>
        </div>
    
        <div class="content">
            <h1><a href="#">Event Title: Extra Long and Spans Multiple Lines Because it&#x27;s Amazingly Long</a></h1>
            <p class="meta time">10:00 AM&ndash;11:00 AM</p>
        </div>
    </article>

    <article class="event item">
        <div class="date">
            <p class="month">Oct</p>
            <p class="day">24</p>
        </div>
    
        <div class="content">
            <h1><a href="#">Event Title: Only Medium Length</a></h1>
            <p class="meta time">1:00 PM&ndash;2:30 PM</p>
        </div>
    </article>

    <article class="event item">
        <div class="date">
            <p class="month">Oct</p>
            <p class="day">30</p>
        </div>
    
        <div class="content">
            <h1><a href="#">Event Title: Extra Long and Spans Multiple Lines Because it&#x27;s Amazing Long</a></h1>
            <p class="meta time">10:00 AM&ndash;11:00 AM</p>
        </div>
    </article>
</div>