use flexbox for styling

This commit is contained in:
lillian rose winter 2020-03-09 15:12:29 +00:00
parent 06c0c248bd
commit 2aa00936a7
2 changed files with 15 additions and 10 deletions

View File

@ -6,9 +6,9 @@
<p class="advisory"></p> <p class="advisory"></p>
<table> <div class="grid">
<tr> <div class="row">
<td> <div class="col">
<p> <p>
tilde.club is not a social network it is one tiny totally tilde.club is not a social network it is one tiny totally
standard unix computer that people respectfully use together standard unix computer that people respectfully use together
@ -40,9 +40,9 @@
<li><a href="/~<?=$user?>/">~<?=$user?></a></li> <li><a href="/~<?=$user?>/">~<?=$user?></a></li>
<?php } ?> <?php } ?>
</ol> </ol>
</td> </div>
<td valign="top"> <div class="col">
<h2>UPDATE: March 2020:</h2> <h2>UPDATE: March 2020:</h2>
<p> <p>
Things at tilde.club are going well, Thank you to all our new and existing users. Things at tilde.club are going well, Thank you to all our new and existing users.
@ -110,9 +110,9 @@
<li>10/3/2014 | <a href="/~englishm">~englishm</a></li> <li>10/3/2014 | <a href="/~englishm">~englishm</a></li>
<li>10/3/2014 | <a href="/~danbri">~danbri</a></li> <li>10/3/2014 | <a href="/~danbri">~danbri</a></li>
</ul> </ul>
</td> </div>
</tr> </div>
</table> </div>
<p>big kudos and thanks to the people who built the original tilde.club!</p> <p>big kudos and thanks to the people who built the original tilde.club!</p>

View File

@ -1,9 +1,14 @@
/* {font-size:13pt;font-weight:normal;} */ /* {font-size:13pt;font-weight:normal;} */
table { @media (min-width: 30em) {
.row { display: flex; flex-wrap: nowrap; }
.col { flex-grow: 1; }
}
.grid {
border-collapse: collapse; border-collapse: collapse;
} }
td { .col {
border: 6px double #fb5; border: 6px double #fb5;
padding: 1em; padding: 1em;
} }