feat(SW-415): Added content from API

components/HotelReservation/SelectRate/RoomSelection/roomSelection.module.css

@@ -1,5 +1,4 @@
 .wrapper {
-  border-bottom: 1px solid rgba(17, 17, 17, 0.2);
   padding-bottom: var(--Spacing-x3);
 }
 
@@ -7,7 +6,7 @@
   margin-top: var(--Spacing-x4);
   list-style: none;
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr;
   gap: var(--Spacing-x3);
 }
 
@@ -29,3 +28,18 @@
   background-color: white;
   padding: var(--Spacing-x3) var(--Spacing-x7) var(--Spacing-x5);
 }
+
+@media (min-width: 767px) {
+  .roomList {
+    grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) minmax(
+        240px,
+        1fr
+      );
+  }
+}
+
+@media (min-width: 1367px) {
+  .roomList {
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+  }
+}