Responsive grid layout

1 files changed, 9 insertions, 8 deletions

diff --git a/source/_partials/postStub.blade.php b/source/_partials/postStub.blade.php
index 14bb79f..cee9334 100644
--- a/source/_partials/postStub.blade.php
+++ b/source/_partials/postStub.blade.php
@@ -1,17 +1,18 @@
 <?php use \Illuminate\Support\Str; ?>
-<li class="sm:flex sm:flex-row sm:justify-between hover:bg-gray-800 p-4 pb-8">
-    <a class="text-green-300" title="Go to post" href="{{ $post->getUrl() }}">
-        <h4 class="text-3xl font-bold">{{$post->title }}</h4>
-        <p class="text-2xl text-gray-300">{{ $post->description }}</p>
+<li>
+    <a title="Go to post" href="{{ $post->getUrl() }}">
+        <h4>{{$post->title }}</h4>
+        <p>{{ $post->description }}</p>
     </a>
-    <div class="mt-8 sm:mt-0 text-right flex flex-row sm:flex-col">
-        <time class="inline-block p-2 order-2 sm:order-1 ml-2" datetime="{{ $post->getDate()->format('Y-m-d') }}">
+    <div>
+        <time datetime="{{ $post->getDate()->format('Y-m-d') }}">
             {{ $post->getDate()->format('M d, Y') }}
         </time> 
-        <div class="order-1 sm:order-2">
+        <div>
             @foreach ($post->categories as $category)
-                <a class="inline-block rounded py-2 px-4 {{Str::slug($category) }}" href="/categories/{{ Str::slug($category) }}">{{ $category }}</a>
+                <a href="/categories/{{ Str::slug($category) }}">{{ $category }}</a>
             @endforeach
         </div>
     </div>
 </li> 
+