playing with mobile display for tables

public/css/jk.css

@@ -25,4 +25,7 @@
 .col-md-12{
 	flex:0 0 66.6666666667%;max-width:66.6666666667%
 }
+.hideable{
+	display:none;
+}
 }

resources/views/beers/index.blade.php

@@ -20,7 +20,7 @@
               <tr>
                 <th scope="col">Name</th>
 		<th scope="col">Brewery</th>
-		<th scope="col">Style</th>
+		<th scope="col" class="hideable">Style</th>
     @if (Auth::user()->isAdmin())<th scope="col">Admin</th>@endif
               </tr>
             </thead>
@@ -30,7 +30,7 @@
               <tr>
                 <td><a href="/beer/{{$beer->beer_id}}">{{$beer->name}}</a> </td>
 		<td><a href="/brewery/{{$beer->brewery_id}}">{{$beer->brewery}}</a> </td>
-		<td>{{$beer->type}} </td>
+		<td class="hideable">{{$beer->type}} </td>
     @if (Auth::user()->isAdmin())
 <td><span id="buttons"><a href="{{ route('beers.edit',$beer->beer_id)}}" class="btn btn-primary editbutton">Edit</a>
 <form action="{{ route('beers.destroy', $beer->beer_id)}}" method="post">