<div class="ui container" id="cause">

  <h3>Available Volunteering Opportunities</h3>

  <div class="ui stackable four column grid">
    <div class="column" ng-repeat="event in vm.events">

      <div class="ui card">

        <div class="content">
          <div class="header">{{ event.attributes.title }}</div>
        </div><!-- header -->

        <div class="content">
          <h4 class="ui sub header">
            Organization:<br>
            {{ event.attributes.organization }}
          </h4>
          <div class="ui small feed">
            <div class="event">
              <div class="content">
                <div class="summary">
                  Start Date: {{ event.attributes.start | amDateFormat: 'dddd, MMMM Do YYYY, h:mm a' }}
                  <br>
                  End Date: {{ event.attributes.end | amDateFormat: 'dddd, MMMM Do YYYY, h:mm a' }}
                  <br>
                  Location: {{ event.attributes.address }}
                </div>
              </div>
            </div>
          </div>
        </div><!-- content -->

        <div class="ui bottom attached button">
          <div ui-sref="event({id: event.attributes.id})">Learn More</div>
        </div><!-- button -->

      </div><!-- card -->
    </div><!-- column -->
  </div><!-- grid -->

</div><!-- container -->

<ui-view></ui-view>

</div>

<div class="ui container" id="cause">

  <h3>Available Volunteering Opportunities</h3>

  <div class="ui stackable three column grid">
    <div class="column" ng-repeat="event in vm.events">

      <div class="ui card">

        <div class="content">
          <div class="header">{{ event.attributes.title }}</div>
        </div><!-- header -->

        <div class="content">
          <h4 class="ui sub header">
            Organization:<br>
            {{ event.attributes.organization }}
          </h4>
          <div class="ui small feed">
            <div class="event">
              <div class="content">
                <div class="summary">
                  Start Date: {{ event.attributes.start | amDateFormat: 'dddd, MMMM Do YYYY, h:mm a' }}
                  <br>
                  End Date: {{ event.attributes.end | amDateFormat: 'dddd, MMMM Do YYYY, h:mm a' }}
                  <br>
                  Location: {{ event.attributes.address }}
                </div>
              </div>
            </div>
          </div>
        </div><!-- content -->

        <div class="ui bottom attached button">
          <div ui-sref="event({id: event.attributes.id})">Learn More</div>
        </div><!-- button -->

      </div><!-- card -->
    </div><!-- column -->
  </div><!-- grid -->

</div><!-- container -->

<ui-view></ui-view>

</div>

Modify from four column grid to three for less clusting of cards
Modify from four column grid to three for less clusting of cards
