<div id="classes" class="row">
  <div id="class-grid" class="col-md">
    <div>
      <h3>Your Classes</h3>
    </div>
    <ag-grid-angular
       style="width: 86%; height: 95%; min-height: 95%;"
       class="ag-theme-balham"
       [columnDefs]="columnDefs"
       [rowData]="rowData | async"
       [gridOptions]="gridOptions"
       (gridReady)="onGridReady($event)"
    >
    </ag-grid-angular>
  </div>
  <div id="graphs" class="col-md">
    <div class="response-graph">
      <app-response-chart></app-response-chart>
    </div>
    <div class="student-graph">
      <app-student-response-chart></app-student-response-chart>
    </div>
  </div>
</div>