Enha: responsive styles

components/room.html

@@ -1,12 +1,16 @@
 {{define "room"}}
-<div class="flex h-screen">
-  <div id="hello-user">
-    <p>Hello {{.Username}}</p>
-  </div>
+<div id="hello-user">
+  <p>Hello {{.Username}}</p>
+</div>
+<hr />
+<div class="flex justify-center">
   <!-- Left Panel -->
   {{template "teampew" "blue"}}
-  {{template "cardtable" .}}
   <!-- Right Panel -->
   {{template "teampew" "red"}}
 </div>
+<hr />
+<div id="cardtable">
+  {{template "cardtable" .}}
+</div>
 {{end}}