fix css for mobile

edrlab · Oct 21, 2024 · f25cd27 · f25cd27
1 parent c89776f
commit f25cd27
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 3 deletions.
diff --git a/.hugo_build.lock b/.hugo_build.lock
diff --git a/assets/sass/_custom.sass b/assets/sass/_custom.sass
@@ -398,18 +398,36 @@ td, th
 @media screen and (max-width: 900px)
     .grid-inverse
         grid-column-gap: 1rem
+        grid-template-columns: 1fr
     .footer_inner
         flex-direction: column
         align-items: center
         div
             width: 300px
+    .illustration_home
+        display: none
+    .membership_section
+        max-width: 100%
+    .join_button
+        position: relative !important
+        display: flex
+        align-items: center
+    .excerpt
+        flex-direction: column
+        border: 1px solid $main-blue
+        border-radius: 5px
+        &_footer_title
+            flex-direction: column  
+    .image_excerpt
+        display: flex
+        align-items: center
 
 @media screen and (max-width: 769px)
     .jsopen .nav_body 
         transform: translateX(calc(100vw - 265px))!important
         justify-content: flex-start
         background-color: $main-blue
-
+        gap: 10px
 
 @media screen and (max-width: 769px)
     .nav_body_left