Table no longer overflows

purduehackers · Dec 29, 2024 · 5cc2271 · 5cc2271
1 parent c14239e
commit 5cc2271
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -25,17 +25,19 @@ <h1> Purdue Hackers Web Ring </h1>
 		</p>
 
 		<h2>Websites in ring</h2>
-		<table>
-			<thead>
-				<tr>
-					<th>Member</th>
-					<th>Site link</th>
-				</tr>
-			</thead>
-			<tbody>
-				{{ . }}
-			</tbody>
-		</table>
+		<div class="tablecontainer">
+			<table>
+				<thead>
+					<tr>
+						<th>Member</th>
+						<th>Site link</th>
+					</tr>
+				</thead>
+				<tbody>
+					{{ . }}
+				</tbody>
+			</table>
+		</div>
 
 		<footer>
 			Style inspired by

diff --git a/static/style.css b/static/style.css
@@ -75,3 +75,7 @@ footer {
         color: #d2abef;
     }
 }
+
+.tablecontainer {
+	overflow-x: auto;
+}