From 805eba3a7103e162aa1d74f109f7f18cdb66da64 Mon Sep 17 00:00:00 2001
From: Yashasewi <Yashasewisingh2668@gmail.com>
Date: Tue, 21 May 2024 00:16:50 +0530
Subject: [PATCH 1/2] fix: table getting overflowed and causing UI to break on
 Chromium browsers on small devices

---
 src/templates/guide.module.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/templates/guide.module.css b/src/templates/guide.module.css
index adfa619d1..bb6da3e84 100644
--- a/src/templates/guide.module.css
+++ b/src/templates/guide.module.css
@@ -214,6 +214,12 @@
   .videoContainer {
     padding-bottom: var(--baseline-box-7x);
   }
+  .table {
+    & table {
+      table-layout: fixed;
+      text-wrap: wrap;
+    }
+  }
 }
 
 @media (--xsmall) {
@@ -223,4 +229,10 @@
   .itemSpacer {
     display: none;
   }
+  .table {
+    & table {
+      table-layout: fixed;
+      text-wrap: wrap;
+    }
+  }
 }

From 8c154fc027022439a136e589f9ecc2c4cc6d2ba1 Mon Sep 17 00:00:00 2001
From: Yashasewi <Yashasewisingh2668@gmail.com>
Date: Tue, 21 May 2024 23:49:02 +0530
Subject: [PATCH 2/2] fix: table getting overflowed and causing UI to break

---
 src/templates/guide.module.css | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/templates/guide.module.css b/src/templates/guide.module.css
index bb6da3e84..4f0a5ad6a 100644
--- a/src/templates/guide.module.css
+++ b/src/templates/guide.module.css
@@ -189,6 +189,10 @@
   padding: 0 var(--spacing-xsmall);
 }
 
+.td:not(:first-child) {
+  word-break: break-word;
+}
+
 .tr:last-child .td {
   border-bottom: none;
 }
@@ -214,12 +218,6 @@
   .videoContainer {
     padding-bottom: var(--baseline-box-7x);
   }
-  .table {
-    & table {
-      table-layout: fixed;
-      text-wrap: wrap;
-    }
-  }
 }
 
 @media (--xsmall) {
@@ -229,10 +227,4 @@
   .itemSpacer {
     display: none;
   }
-  .table {
-    & table {
-      table-layout: fixed;
-      text-wrap: wrap;
-    }
-  }
 }