From 0899bb5be99e2d753242420c0fc3411358da41b3 Mon Sep 17 00:00:00 2001
From: "dhanush.s" <dhanush.s@opsmonsters.in>
Date: Wed, 24 Sep 2025 15:57:35 +0530
Subject: [PATCH] fix: responsive

---
 index.html | 10 +---------
 main.css   | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 6e7b7bb..81f6728 100644
--- a/index.html
+++ b/index.html
@@ -46,13 +46,9 @@
             <a href="#">Internships</a>
             <a href="#">Jobs</a>
             <a href="#">Competitions</a>
-            <a href="#">Mentorships</a>
-            <a href="#">Practice</a>
-            <a href="#">More ▾</a>
         </nav>
         <div class="buttons">
-            <button class="host">+ Host</button>
-            <button class="business">For Business</button>
+            <a href="/my/"><button class="business">Dashboard</button></a>
             <button class="login" onclick="goToLogin()">Login</button>
         </div>
     </header>
@@ -122,10 +118,6 @@
                     </div>
                 </div>
             </div>
-            <div role="button" tabindex="0" class="knon_more"> Know How <un-icon _nghost-serverapp-c3674528818=""><img
-                        style="--size: 18px;" src="https://cdn.Kodepilot.com/assets/icons/chevron_down.svg" height="18"
-                        width="18" alt="chevron_down" class="ng-star-inserted"></un-icon>
-            </div>
         </div>
     </section>
 
diff --git a/main.css b/main.css
index 26d79f6..73e57a6 100644
--- a/main.css
+++ b/main.css
@@ -190,9 +190,11 @@
      border-radius: 50px;
  }
 
- .nameContainer {
+ .know-cards {
      display: flex;
-     color: #717171;
+     flex-wrap: wrap;
+     gap: 16px;
+     justify-content: center;
  }
 
  .crd {
@@ -203,9 +205,10 @@
      border: 1px solid #ddd;
      border-radius: 12px;
      background: #fff;
-     max-width: 600px;
-     margin-left: 10px;
-     margin-right: 10px;
+     max-width: 352px;
+     margin: 0;
+     flex: 1 1 352px;
+     max-height: 100px;
  }
 
  .crd img {
@@ -225,6 +228,9 @@
  }
 
  .crd p {
+     -webkit-line-clamp: 2;
+     /* show max 2 lines */
+     -webkit-box-orient: vertical;
      font-size: 12px;
      line-height: 140%;
      color: #383838;
@@ -617,6 +623,7 @@
  }
 
  .hover-slider {
+     display: none;
      padding: 0 0 50px 0;
  }
 
@@ -826,6 +833,7 @@
      }
 
      .nav-button {
+         display: none;
          width: 50px;
          height: 50px;
          font-size: 18px;