diff --git a/cookbook/tables.py b/cookbook/tables.py
index fc5ecaf2..0e66117b 100644
--- a/cookbook/tables.py
+++ b/cookbook/tables.py
@@ -6,7 +6,12 @@ from .models import *
 
 class RecipeTable(tables.Table):
     id = tables.LinkColumn('edit_recipe', args=[A('id')])
-    name = tables.TemplateColumn("<a href='#' onClick='openRecipe({{record.id}})'>{{record.name}}</a>")
+    name = tables.TemplateColumn(
+        "<a href='#' onClick='openRecipe({{record.id}})'>{{record.name}}</a>")
+    category = tables.Column(
+        attrs={'td': {'class': 'd-none d-lg-table-cell'}, 'th': {'class': 'd-none d-lg-table-cell'}})
+    all_tags = tables.Column(
+        attrs={'td': {'class': 'd-none d-lg-table-cell'}, 'th': {'class': 'd-none d-lg-table-cell'}})
 
     class Meta:
         model = Recipe
diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html
index d7b17b28..073fcaa3 100644
--- a/cookbook/templates/base.html
+++ b/cookbook/templates/base.html
@@ -17,6 +17,9 @@
             integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
             crossorigin="anonymous"></script>
 
+    <style>
+        @media (max-width:1025px) { .container { width: 95% !important; margin-left: 20px !important; margin-right: 20px !important;max-width: 1200px !important;} }
+    </style>
 </head>
 <body>
 <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
diff --git a/cookbook/templates/generic/table_template.html b/cookbook/templates/generic/table_template.html
index 773e8b28..eec006ef 100644
--- a/cookbook/templates/generic/table_template.html
+++ b/cookbook/templates/generic/table_template.html
@@ -4,8 +4,8 @@
     <div class="row">
         <div class="table-responsive">
             {% block table %}
-                <table {% if table.attrs %}
-                    {{ table.attrs.as_html }}{% else %}class="table table-bordered table-lg"{% endif %}>
+                <table style='font-size: 24px' {% if table.attrs %}
+                    {{ table.attrs.as_html }}{% else %}class="table table-bordered table-xl"{% endif %}>
                     {% block table.thead %}
                         {% if table.show_header %}
                             <thead>
diff --git a/cookbook/templates/index.html b/cookbook/templates/index.html
index fc005cd4..ccd8db4e 100644
--- a/cookbook/templates/index.html
+++ b/cookbook/templates/index.html
@@ -6,19 +6,25 @@
 {% block title %}{% trans "Cookbook" %}{% endblock %}
 
 {% block content %}
-    {% if filter %}
-        <div class="card">
-            <div class="card-header">
-                {% trans "Search" %}
-            </div>
-            <div class="card-body">
-                <form action="" method="get">
-                    {{ filter.form|crispy }}
-                    <input class="btn btn-primary" type="submit"/>
-                </form>
-            </div>
+
+    <div class="row">
+        <div class="col md-12">
+            {% if filter %}
+                <div class="card">
+                    <div class="card-header">
+                        {% trans "Search" %}
+                    </div>
+                    <div class="card-body">
+                        <form action="" method="get">
+                            {{ filter.form|crispy }}
+                            <input class="btn btn-primary" type="submit"/>
+                        </form>
+                    </div>
+                </div>
+            {% endif %}
         </div>
-    {% endif %}
+    </div>
+
     <br/>
 
     {% if recipes %}
@@ -93,7 +99,7 @@
             xhttp.send();
         }
 
-        function afterClick(){
+        function afterClick() {
             $('#modal_recipe').modal('hide');
             return true;
         }
diff --git a/cookbook/templates/test.html b/cookbook/templates/test.html
new file mode 100644
index 00000000..aa0fe270
--- /dev/null
+++ b/cookbook/templates/test.html
@@ -0,0 +1,24 @@
+
+
+{% extends "base.html" %}
+{% load crispy_forms_tags %}
+
+{% block content %}
+    <form>
+        <div class="form-group">
+            <label for="exampleInputEmail1">Email address</label>
+            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
+                   placeholder="Enter email">
+            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+        </div>
+        <div class="form-group">
+            <label for="exampleInputPassword1">Password</label>
+            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
+        </div>
+        <div class="form-check">
+            <input type="checkbox" class="form-check-input" id="exampleCheck1">
+            <label class="form-check-label" for="exampleCheck1">Check me out</label>
+        </div>
+        <button type="submit" class="btn btn-primary">Submit</button>
+    </form>
+{% endblock %}
\ No newline at end of file
diff --git a/cookbook/urls.py b/cookbook/urls.py
index 9ebaca66..85ad088b 100644
--- a/cookbook/urls.py
+++ b/cookbook/urls.py
@@ -5,6 +5,8 @@ from cookbook.views import api
 
 urlpatterns = [
     path('', views.index, name='index'),
+    path('test', views.test, name='test'),
+
     path('new/recipe', new.recipe, name='new_recipe'),
     path('new/category', new.category, name='new_category'),
     path('new/keyword', new.keyword, name='new_keyword'),
diff --git a/cookbook/views/views.py b/cookbook/views/views.py
index 8ed03500..27a21bcb 100644
--- a/cookbook/views/views.py
+++ b/cookbook/views/views.py
@@ -18,3 +18,7 @@ def index(request):
         return render(request, 'index.html', {'recipes': table, 'filter': f})
     else:
         return render(request, 'index.html')
+
+
+def test(request):
+    return render(request, 'test.html')
