diff --git a/public/css/app.css b/public/css/app.css
index a8995dd..99b8086 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1528,9 +1528,27 @@ p {
 
 article {
   box-shadow: 3px 3px 10px 0px #aaa;
-  padding: 2ch 10ch;
+  padding: 2ch 2ch;
   margin-bottom: 2em;
   background-color: white;
+  overflow-x: auto;
+}
+
+@media (min-width: 768px) {
+  article {
+    padding: 2ch 10ch;
+    overflow-x: none;
+  }
+}
+
+.post-title {
+  text-decoration: none;
+  letter-spacing: 0.1ch;
+  color: #241f1e;
+}
+
+time {
+  color: #937f7b;
 }
 
 /******************************************************************************
@@ -1673,8 +1691,7 @@ article {
 }
 
 .special-link:hover {
-  color: #ee1155;
-  border-bottom: 1px #ee1155 solid;
+  color: #f14177;
   background-color: transparent;
 }
 
@@ -1732,7 +1749,13 @@ article {
 }
 
 .pure-table .controls {
-  width: 22ch;
+  width: 10ch;
+}
+
+@media (min-width: 768px) {
+  .pure-table .controls {
+    width: 22ch;
+  }
 }
 
 .pure-table .controls > * {
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 2555859..31298eb 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -46,11 +46,30 @@ p {
     line-height: 1.5rem;
 }
 
+
 article {
     box-shadow: 3px 3px 10px 0px #aaa;
-    padding: 2ch 10ch;
+    padding: 2ch 2ch;
     margin-bottom: 2em;
     background-color: lighten($background-color, 10%);
+    overflow-x: auto;
+}
+
+@media (min-width: 768px) {
+    article {
+        padding: 2ch 10ch;
+        overflow-x: none;
+    }
+}
+
+.post-title {
+    text-decoration: none;
+    letter-spacing: .1ch;
+    color: $foreground-color;
+}
+
+time {
+    color: lighten($foreground-color, 40%);
 }
 
 /******************************************************************************
@@ -191,8 +210,7 @@ article {
 }
 
 .special-link:hover{
-    color: $admin-color;
-    border-bottom: 1px $admin-color solid;
+    color: lighten($admin-color,10%);
     background-color: transparent;
 }
 
@@ -217,6 +235,7 @@ article {
 /******************************************************************************
     => Tables
 *******************************************************************************/
+
 .pure-table {
     margin-top: 1em;
 }
@@ -244,12 +263,19 @@ article {
     max-width: 30ch;
 }
 
+
 .pure-table tr {
     border-bottom: 1px black solid;
 }
 
 .pure-table .controls {
-    width: 22ch;
+    width: 10ch;
+}
+
+@media (min-width: 768px){
+    .pure-table .controls {
+        width: 22ch;
+    }
 }
 
 .pure-table .controls > *{
diff --git a/resources/views/admin/index.blade.php b/resources/views/admin/index.blade.php
index 45e319b..cc831aa 100644
--- a/resources/views/admin/index.blade.php
+++ b/resources/views/admin/index.blade.php
@@ -1,5 +1,4 @@
 @extends('admin.base')
 
 @section('content')
-    <h1>Admin Panel</h1>
 @endsection
diff --git a/resources/views/blog/archive.blade.php b/resources/views/blog/archive.blade.php
index a3446ab..cc92f18 100644
--- a/resources/views/blog/archive.blade.php
+++ b/resources/views/blog/archive.blade.php
@@ -1,12 +1,15 @@
 @extends('base')
 
 @section('content')
-    <h1>Archivo</h1>
-    <ul>
-        @foreach($posts as $post) 
-            <li>
-                <a href="{{ route('blog.show', ['post' => $post->id]) }}">{{$post->title}}</a> <span>({{$post->created_at->format('Y-m-d')}})</span>
-            </li>
-        @endforeach
-    </ul>
+    <article>
+        <h1>Archivo</h1>
+        <ul>
+            @foreach($posts as $post) 
+                <li>
+                    <a href="{{ route('blog.show', ['post' => $post->id]) }}">{{$post->title}}</a> 
+                    <time datetime="{{ $post->created_at->toDateString() }}"> {{ $post->created_at->toFormattedDateString() }} </time>
+                </li>
+            @endforeach
+        </ul>
+    </article>
 @endsection
diff --git a/resources/views/blog/index.blade.php b/resources/views/blog/index.blade.php
index d5866f1..885b7d4 100644
--- a/resources/views/blog/index.blade.php
+++ b/resources/views/blog/index.blade.php
@@ -8,7 +8,8 @@
     @foreach($posts as $post) 
         <article>
             <header>
-                <h1>{{$post->title}}</h1>
+                <h1><a class="post-title" href="{{ route('blog.show', ['post' => $post->id])}}">{{$post->title}}</a></h1>
+                <time datetime="{{ $post->created_at->toDateString() }}"> {{ $post->created_at->toFormattedDateString() }} </time>
             </header>
             {!! $parse->text($post->md) !!}
         </article>
diff --git a/resources/views/blog/show.blade.php b/resources/views/blog/show.blade.php
index b0f61c3..58ec441 100644
--- a/resources/views/blog/show.blade.php
+++ b/resources/views/blog/show.blade.php
@@ -7,7 +7,7 @@
 @section('content')
         <article>
             <header>
-                <h1>{{$post->title}}</h1>
+                <h1 class="post-title">{{$post->title}}</h1>
             </header>
             {!! $parse->text($post->md) !!}
         </article>
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index df427f2..a5da9f6 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,5 +1,4 @@
 @extends('base')
 
 @section('content')
-        <h1>Home</h1>
 @endsection
diff --git a/resources/views/now/index.blade.php b/resources/views/now/index.blade.php
index 68c8f8b..7f50aa1 100644
--- a/resources/views/now/index.blade.php
+++ b/resources/views/now/index.blade.php
@@ -7,7 +7,7 @@
 @section('content')
     <article>
         <header>
-            <h1>Now</h1>
+            <h1 class="post-title">Now</h1>
         </header>
         {!! $parse->text($now->md) !!}
     </article>
diff --git a/resources/views/projects/index.blade.php b/resources/views/projects/index.blade.php
index 47eb2d1..2425279 100644
--- a/resources/views/projects/index.blade.php
+++ b/resources/views/projects/index.blade.php
@@ -8,7 +8,7 @@
     @foreach($projects as $project)
         <article>
             <header>
-                <h1>{{ $project->title }}</h1>
+                <h1 class="post-title">{{ $project->title }}</h1>
             </header>
 
             {!! $parse->text($project->md) !!}
diff --git a/resources/views/setups/index.blade.php b/resources/views/setups/index.blade.php
index d4c5cc4..4d9c50a 100644
--- a/resources/views/setups/index.blade.php
+++ b/resources/views/setups/index.blade.php
@@ -8,7 +8,7 @@
     @foreach($setups as $setup) 
         <article>
             <header>
-                <h1>{{$setup->title}}</h1>
+                <h1 class="post-title">{{$setup->title}}</h1>
             </header>
             {!! $parse->text($setup->md) !!}
         </article>
diff --git a/resources/views/setups/show.blade.php b/resources/views/setups/show.blade.php
deleted file mode 100644
index b25c31f..0000000
--- a/resources/views/setups/show.blade.php
+++ /dev/null
@@ -1,15 +0,0 @@
-@extends('base')
-
-@php
-    $parse = new Parsedown();
-@endphp
-
-@section('content')
-        <article>
-            <header>
-                <h1>{{$setup->title}}</h1>
-            </header>
-            {!! $parse->text($setup->md) !!}
-        </article>
-        <hr/>
-@endsection