Update default.html: better responsive content layout handling

Electrostat-Lab · Jun 21, 2024 · 1cc9b34 · 1cc9b34
1 parent 43c1ace
commit 1cc9b34
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -114,11 +114,16 @@ <h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-orange-100">Wel
 <!--                 content -->
                 <div id="features-nvnxnE" class="px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto font-energetic">
                     <div class="relative max-w-screen-2xl w-full mx-auto">
-                            <article class="flex-row max-w-screen-2xl w-full mx-auto post overflow-auto">
-                                    {{content}}
-                            </article>
+                            <div
+                                class="hover:bg-gray-500 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent text-start p-4 md:p-5 rounded-xl dark:focus:outline-none dark:focus:ring-1 active"
+                                id="tabs-with-card-item-1"
+                                data-hs-tab="#tabs-with-card-1"
+                                aria-controls="tabs-with-card-1">
+                                <article class="post overflow-auto">
+                                        {{content}}
+                                </article>
+                            </div>
                     </div>
-                </div>
 <!--                 content -->
                     <div>
                         <div id="features-5cBbDv" class="px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto font-energetic bg-white">