Site generated at Mon 21 Aug 2023 17:31:33 BST

Author: manojlds

archives/2012/index.html

@@ -297,7 +297,7 @@ <h1 class="text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
     Archive of posts from 2012
   </h1>
 
-  <ul class="grid grid-cols-3 gap-4 mt-6">
+  <ul class="grid mg: grid-cols-2 lg:grid-cols-3 lg:gap-4 mt-6">
 
 
 <div class="card w-96 bg-base-100 shadow-xl">

archives/2013/index.html

@@ -297,7 +297,7 @@ <h1 class="text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
     Archive of posts from 2013
   </h1>
 
-  <ul class="grid grid-cols-3 gap-4 mt-6">
+  <ul class="grid mg: grid-cols-2 lg:grid-cols-3 lg:gap-4 mt-6">
 
 
 <div class="card w-96 bg-base-100 shadow-xl">

archives/2015/index.html

@@ -297,7 +297,7 @@ <h1 class="text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
     Archive of posts from 2015
   </h1>
 
-  <ul class="grid grid-cols-3 gap-4 mt-6">
+  <ul class="grid mg: grid-cols-2 lg:grid-cols-3 lg:gap-4 mt-6">
 
 
 <div class="card w-96 bg-base-100 shadow-xl">

archives/2016/index.html

@@ -297,7 +297,7 @@ <h1 class="text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
     Archive of posts from 2016
   </h1>
 
-  <ul class="grid grid-cols-3 gap-4 mt-6">
+  <ul class="grid mg: grid-cols-2 lg:grid-cols-3 lg:gap-4 mt-6">
 
 
 <div class="card w-96 bg-base-100 shadow-xl">

archives/2018/index.html

@@ -297,7 +297,7 @@ <h1 class="text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
     Archive of posts from 2018
   </h1>
 
-  <ul class="grid grid-cols-3 gap-4 mt-6">
+  <ul class="grid mg: grid-cols-2 lg:grid-cols-3 lg:gap-4 mt-6">
 
 
 <div class="card w-96 bg-base-100 shadow-xl">

assets/css/main.css

@@ -1922,6 +1922,9 @@ html {
 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
 .justify-end {
   justify-content: flex-end;
 }
@@ -2271,10 +2274,26 @@ pre {
   .md\:w-6 {
     width: 1.5rem;
   }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:gap-4 {
+    gap: 1rem;
+  }
 }
 
 @media (min-width: 1024px) {
 
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:gap-4 {
+    gap: 1rem;
+  }
+
   .lg\:leading-normal {
     line-height: 1.5;
   }

categories/1-8-2/index.html

@@ -294,7 +294,7 @@ <h1 class="text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
     Archive of posts with category '1.8.2'
   </h1>
 
-  <ul class="grid grid-cols-3 gap-4 mt-6">
+  <ul class="grid mg: grid-cols-2 lg:grid-cols-3 lg:gap-4 mt-6">
 
 
 <div class="card w-96 bg-base-100 shadow-xl">

categories/aaron-swartz/index.html

@@ -294,7 +294,7 @@ <h1 class="text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
     Archive of posts with category 'aaron swartz'
   </h1>
 
-  <ul class="grid grid-cols-3 gap-4 mt-6">
+  <ul class="grid mg: grid-cols-2 lg:grid-cols-3 lg:gap-4 mt-6">
 
 
 <div class="card w-96 bg-base-100 shadow-xl">

categories/ansible/index.html

@@ -294,7 +294,7 @@ <h1 class="text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
     Archive of posts with category 'ansible'
   </h1>
 
-  <ul class="grid grid-cols-3 gap-4 mt-6">
+  <ul class="grid mg: grid-cols-2 lg:grid-cols-3 lg:gap-4 mt-6">
 
 
 <div class="card w-96 bg-base-100 shadow-xl">

categories/appsetting/index.html

@@ -294,7 +294,7 @@ <h1 class="text-5xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
     Archive of posts with category 'AppSetting'
   </h1>
 
-  <ul class="grid grid-cols-3 gap-4 mt-6">
+  <ul class="grid mg: grid-cols-2 lg:grid-cols-3 lg:gap-4 mt-6">
 
 
 <div class="card w-96 bg-base-100 shadow-xl">