Remove title, flex center
This commit is contained in:
parent
6a968bfd51
commit
1fbb0ede50
2 changed files with 7 additions and 4 deletions
|
@ -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>
|
||||
|
|
|
@ -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 > * {
|
||||
|
|
Loading…
Add table
Reference in a new issue