Merge pull request #69 from tokk-nv/main

Rectify CSS for smaller width window
NVIDIA-AI-IOT · Jan 18, 2024 · fb4de1a · fb4de1a
2 parents e6c3c5a + 413e31a
commit fb4de1a
Showing 1 changed file with 10 additions and 14 deletions.
diff --git a/docs/overrides/home.html b/docs/overrides/home.html
@@ -102,8 +102,8 @@
         display:flex;
         -ms-flex-wrap:wrap;
         flex-wrap:wrap;
-        margin-right:-15px;
-        margin-left:-15px
+        /* margin-right:-15px;
+        margin-left:-15px */
     }
 
     .justify-content-center {
@@ -140,8 +140,7 @@
         position: relative;
         width: 100%;
         min-height: 1px;
-        padding-right: 15px;
-        padding-left: 15px;
+        padding: 15px;
     }
 
     @media (min-width: 576px) {
@@ -151,30 +150,25 @@
             max-width: 50%;
         }
     }
-    @media (min-width: 992px) {
-        .col-lg-4 {
+    @media (min-width: 720px) {
+        .col-lg-3 {
             -ms-flex: 0 0 33.333333%;
             flex: 0 0 33.333333%;
             max-width: 33.333333%;
         }
     }
-    @media (min-width: 720px) {
-        .col-lg-3 {
+    @media (min-width: 992px) {
+        .col-lg-4 {
             -ms-flex: 0 0 33.333333%;
             flex: 0 0 33.333333%;
             max-width: 33.333333%;
         }
-    }
-    @media (min-width: 992px) {
         .col-lg-3 {
             -ms-flex: 0 0 25%;
             flex: 0 0 25%;
             max-width: 25%;
         }
     }
-    .mb-4, .my-4 {
-        margin-bottom: 1.5rem!important;
-    }
 
     .bg-white{background-color:#fff!important}
     .px-4{padding-left:1.5rem!important}
@@ -244,11 +238,13 @@
 
     .feature-box {
         text-align: left;
+        display:flex;
+        justify-content: center!important;
     }
 
     .feature-box a{
         height: 300px;
-        max-width: 320px;
+        width: 320px;
     }
 
     .feature-box a i {