Remove title, flex center

2 years ago · 1fbb0ede50
parent 6a968bfd51
commit 1fbb0ede50
2 changed files with 7 additions and 4 deletions
--- a/demo/index.html
+++ b/demo/index.html
@ -8,7 +8,6 @@
  </head>
  <body>
    <div id="content">
-      <h1><ruby>字<rp>(</rp><rt>じ</rt><rp>)<rp></ruby>ちゃん<span style="font-size: 0.75em">の</span>しりとり</h1>
      <div id="split">
        <div>
          <div id="shiritori"></div>
--- a/demo/style.css
+++ b/demo/style.css
@ -5,10 +5,14 @@
 body {
    background: slategrey;
    font-size: 1.75em;
+    display: flex;
+    height: 100vh;
+    align-items: center;
+    justify-content: center;
 }
 div#content {
-    width: max-content;
-    margin: auto;
+    width: 32em;
+    max-width: 100%;
 }
 div#shiritori p {
    margin: 0;
@ -67,7 +71,7 @@ p#shiritori-players {
 }
 #split {
    display: flex;
-    gap: 1em;
+    gap: 0.5em;
    flex-direction: row;
 }
 #split > * {