anchor.diff:        <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 %> </h7>
  +        <h7><%= restaurant.google_rating || "n/a" %> </h7>
         </div>
   
         <div class="well">
  
positive.code:     </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>
        </div>
        <div class="well">
          <h5>Foursquare</h5>
  
negative.code:     </div>
      <div class="flip-card active-card col-md-4">
        <div class="card" style="background-color: #F1BF26;color: white;">
          <h7><%= restaurant.yelp_rating || "n/a" %></h7>
        </div>
        <div class="well">
          <h5>Yelp</h5>
  