playing with mobile display for tables

resources/views/fermentations/index.blade.php

@@ -21,7 +21,6 @@
       <th scope="col">Yeast</th>
       <th scope="col">Beer</th>
       <th scope="col">Temperature</th>
-      <th scope="col" class="hideable">Duration</th>
       @if (Auth::user()->isAdmin())<th scope="col">Admin</th>@endif
   <tbody>
   @foreach ($fermentations as $fermentation)
@@ -29,7 +28,6 @@
       <td><a href="/yeast/{{$fermentation->yeast_id}}">{{$fermentation->name}}</a> </td>
       <td><a href="/beer/{{$fermentation->beer_id}}">{{$fermentation->beer}}</a> </td>
       <td>{{$fermentation->temperature}} </td>
-      <td class="hideable">{{$fermentation->duration}} </td>
       @if (Auth::user()->isAdmin())
         <td><span id="buttons"><a href="{{ route('fermentations.edit',$fermentation->id)}}" class="btn btn-primary editbutton">Edit</a>
         <form action="{{ route('fermentations.destroy', $fermentation->id)}}" method="post">