anchor.diff:  <br><br><br>
   
   <div class="mdl-grid">
  -  <div class="mdl-cell mdl-cell--8-col">
  +  <div class="mdl-cell mdl-cell--4-col">
       
       <div class="demo-card-wide mdl-card mdl-shadow--2dp">
         <div class="mdl-card__title">
  
positive.code:       <a class="mdl-navigation__link" href="https://wm-pingpong.herokuapp.com/games/4">View Rankings</a>
        <a class="mdl-navigation__link" href="https://wm-pingpong.herokuapp.com/games/4/results/new">Add Scores</a>
        <a class="mdl-navigation__link" href="https://wm-pingpong.herokuapp.com/players/new">Add Players</a>
        <a class="mdl-navigation__link" href="">View Admin</a>
      </nav>
    </div>
    <main class="mdl-layout__content">
  
negative.code:   color: #fff;
    height: 176px;
    background:
      url('../assets/demos/dog.png') bottom right 15% no-repeat #fc9423;
  }
  .demo-card-wide > .mdl-card__menu {
    color: #fff;
  }
  .mdl-layout__header {
    background-color: #fc9423;
  }
  </style>
  
  