anchor.diff:    left: 200%;
     background: #ffd006;
   }
  +
  +
  +/*added*/
  +#event-page-style {
  +  padding-right: 150px;
  +}
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
   
   
   ul {
  
positive.code: 
  .event-link {
    display: block;
    height: 300px;
    width: 100%;
  }
  
  .somelogo {
  
negative.code:   
                  <!-- Events Page -->
                  <div class="page" id="p2">
                  <div class="container-fluid" id="event-page-style">
                   <!-- iterate through slices of 3 of events, create modals -->
                      <%=@events.order("date").each_slice(3) do |event_row| %>
                        <div class="row">
                          <% event_row.each do |event| %>
                            <div class="col-md-4 homepage-event-image"> 
                            <!-- image is a clickable link to modal of single event page -->
                              <a href="#" class="event-link event-image" data-toggle="modal" data-target="#basicModal" 
                              style="background: url(<%=event.image%>) center no-repeat; background-size: contain;  background-size: 250px 250px;
                              "> </a> 
                                    <!-- Modal -->
                                <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
                                  <div class="modal-dialog">
  