diff --git a/src/pages/NavigateRooms/NavigateRooms.module.css b/src/pages/NavigateRooms/NavigateRooms.module.css
index c9140be..d688743 100644
--- a/src/pages/NavigateRooms/NavigateRooms.module.css
+++ b/src/pages/NavigateRooms/NavigateRooms.module.css
@@ -136,3 +136,39 @@ footer span {
   padding: 0px 2px;
   color: red;
 }
+
+@media only screen and (max-width: 768px) {
+  .heading {
+    margin: 5rem 0rem 2rem 0rem;
+    font-size: 4rem;
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  .textfield {
+    display: flex;
+    flex-direction: column;
+    height: 5rem;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .textfield button {
+    font-size: 1.2rem;
+    padding: 0.8rem;
+    margin-top: 1rem;
+    margin-left: 0;
+  }
+
+  .createRoom {
+    padding-top: 5rem;
+    margin: 0rem 5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .createRoom button {
+    margin-bottom: 1rem;
+  }
+}