Fix

Author: PleatherStarfish

backend/static/js/main.bundle.js

@@ -102,7 +102,7 @@ <h2 class="mb-4 text-2xl font-semibold text-left font-display">
     <ul class="flex flex-col justify-around h-full px-6 md:flex-row">
       {% for project in projects %}
       <li
-        class="flex flex-col items-center justify-around py-10 space-y-4 md:space-y-0 md:justify-start md:flex-row md:border-0"
+        class="flex flex-col items-center justify-around py-10 space-y-4 max-w-min md:space-y-0 md:justify-start md:flex-row md:border-0"
       >
         <div
           class="flex justify-center w-20 h-20 mr-4 overflow-hidden align-middle rounded lg:w-20 lg:h-20"
@@ -143,7 +143,7 @@ <h3 class="text-lg font-semibold">
   <a href="/projects/" class="block left-info-box">
     <div
       style="padding: 1.5rem"
-      class="relative flex-col justify-center w-full p-6 border-t border-b border-gray-200 first-letter:lex max-w-min border-x md:border h-52 lg:min-h-36 group"
+      class="relative flex flex-col justify-center w-full p-6 border-t border-b border-gray-200 border-x md:border h-52 lg:min-h-36 group"
     >
       <div class="absolute z-30 top-3 right-3">
         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="gray" class="w-4 h-4 group-hover:stroke-blue-500">
@@ -164,7 +164,7 @@ <h4 class="text-4xl font-semibold text-center font-display">
   <a href="/components/" class="block middle-info-box">
     <div
       style="padding: 1.5rem"
-      class="relative flex flex-col justify-center w-full p-6 border-b border-gray-200 max-w-min border-x md:border-t md:border-x-0 h-52 md:h-full group"
+      class="relative flex flex-col justify-center w-full p-6 border-b border-gray-200 border-x md:border-t md:border-x-0 h-52 md:h-full group"
     >
       <div class="absolute z-30 top-3 right-3">
         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="gray" class="w-4 h-4 group-hover:stroke-blue-500">
@@ -183,7 +183,7 @@ <h4 class="text-4xl font-semibold text-center font-display">
   </a>
 
   <div
-    class="flex flex-col justify-center w-full p-6 border-b border-gray-200 max-w-min border-x md:border-t right-info-box h-52 md:h-full"
+    class="flex flex-col justify-center w-full p-6 border-b border-gray-200 border-x md:border-t right-info-box h-52 md:h-full"
   >
     <div class="flex justify-center">
       <div class="flex flex-col justify-center align-middle lg:min-h-36">