fix doc mobile layout

packages/documentation/home/landing/styles/kitchen-sink.module.scss

@@ -13,20 +13,17 @@
 }
 
 .sink1 {
-  // height: 160px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr 1fr;
   justify-items: center;
 
   @media (min-width: 300px) and (max-width: 767px) {
     height: 160px;
-    // border: 1px solid red;
   }
 
   @media (min-width: 768px) {
     grid-template-columns: repeat(2, 1fr);
-    // min-width: 400px;
     width: calc(100% - 1rem);
   }
 }
@@ -42,7 +39,6 @@
   }
 
   @media (min-width: 768px) {
-    // min-width: 400px;
     width: calc(100% - 1rem);
   }
 }
@@ -54,10 +50,9 @@
   justify-items: center;
   margin: 1rem 0;
   min-height: 200px;
-  // border: 1px solid red;
 
   @media (min-width: 300px) and (max-width: 767px) {
-    min-height: 400px;
+    display: none;
   }
 
   @media (min-width: 768px) {

packages/documentation/home/landing/styles/product-feature.module.scss

@@ -38,7 +38,6 @@
 .title {
   font-size: 1rem;
   font-weight: 500;
-  // margin: 0.25rem 0;
   text-transform: capitalize;
   text-align: center;
 
@@ -187,14 +186,11 @@
 
 .features {
   display: grid;
-  // grid-template-columns: 1fr 1fr 1fr 1fr;
-
-  // grid-template-rows: 1fr 1fr;
   justify-items: center;
   list-style: none;
   justify-content: center;
   margin: 0;
-  // padding: 1rem;
+  padding: 0;
   row-gap: 0.5rem;
   width: calc(100% - 2rem);
 
@@ -232,20 +228,12 @@
 
   // background: #333333;
   &.dark {
-    background-image: radial-gradient(
-        circle at 50% 50%,
-        #222 0%,
-        #000 100%
-      ),
+    background-image: radial-gradient(circle at 50% 50%, #222 0%, #000 100%),
       linear-gradient(to bottom right, #000 0%, #fff 100%);
   }
 
   &:not(.dark) {
-    background-image: radial-gradient(
-        circle at 50% 50%,
-        #fff 0%,
-        #f2f2f2 100%
-      ),
+    background-image: radial-gradient(circle at 50% 50%, #fff 0%, #f2f2f2 100%),
       linear-gradient(to bottom right, #000 0%, #fff 100%);
   }
 }