diff --git a/public/css/Hall-of-Fame.css b/public/css/Hall-of-Fame.css
index ab1f8a58ff2121cf7739a607e5008b1765b90f4e..41e96b82dd4dc6dee6a7344e6d53f3e2a89006a5 100644
--- a/public/css/Hall-of-Fame.css
+++ b/public/css/Hall-of-Fame.css
@@ -193,6 +193,34 @@ tr:nth-child(even) {
     transition: background-color 0.3s;
 }
 
+@media (max-width: 768px) {
+    .search-box {
+      width: 50%;
+      margin: 0 auto 10px auto;
+    }
+  
+    .search-button {
+      margin-right: 0;
+    }
+  
+    .head-container h1 {
+      margin-left: 0;
+    }
+  
+    .body-container {
+      margin: 0;
+    }
+  
+    .pagination-container {
+      width: 100%;
+      margin-left: 0;
+      position: absolute;
+      left: 10px;
+      display: flex;
+      justify-content: center;
+    }
+  }
+