chrisgriffith

<ion-header>
  <ion-toolbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-grid>

chrisgriffith

<ion-card>
   <ion-card-content>
     <ion-grid>
       <ion-row>
         <ion-col>
           <img src="../../assets/avatar.png">
           <h1>Chris Griffith</h1>
           <p>6W 3D 2L</p>
         </ion-col>
         <ion-col>

chrisgriffith

<h1 class="userName>Chris Griffith</h1>

chrisgriffith

.userName {
  font-size: 16px;
  font-weight: bold;
  color: #5D5F65;
}

chrisgriffith

<p class="gameStats>
   <span class="wins">6W</span><span class="draws">3D</span><span class="losses">2L</span>
</p>

chrisgriffith

.gameStats {
  margin-top: .5em;
  font-size: 13px;
  font-weight: bold;
  color: #BBBCBE;
}

.wins {
  border-bottom: 6px solid #62f254;
  margin-right: .5em;

chrisgriffith

<img class="avatar" src="../../assets/avatar.png" />

chrisgriffith

.avatar {
  border-radius: 10px;
  max-width: 45px;
}

chrisgriffith

<ion-button>Register Result</ion-button>

chrisgriffith

ion-button {
  --border-radius: 10px;
  --background: #6765F7;
}