anchor.diff:      </div>
       <div class="flip-card active-card col-md-4">
         <div class="card alert-success" style="background-color: #199643;color: white;">
  -        <h7><%= restaurant.foursquare_rating %></h7>
  +        <h7><%= restaurant.foursquare_rating || "n/a" %></h7>
         </div>
         <div class="well">
           <h5>Foursquare</h5>
  
positive.code:     </div>
      <div class="flip-card active-card col-md-12">
        <div class="card alert-success plz-no-dropshadow" style="background-color: white;color: #FF5930; box-shadow:none;">
          <h7 class="col-md-6"><%= restaurant.average_rating %></h7><br>
          <h3 class="col-md-6">Average</h3>
        </div>
        
  
negative.code:       <div class="">
        <div class="card label-info" style="color: white;">
          <!-- The <h6> can also be a <img> which will be centered. -->
          <h7><%= restaurant.google_rating || "n/a" %> </h7>
        </div>
  
        <div class="well">
  