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>
<table>
<tr>
<td>
<div class="grid">
<div class="row">
<div class="col">
<p>
tilde.club is not a social network it is one tiny totally
standard unix computer that people respectfully use together
@ -40,9 +40,9 @@
<li><a href="/~<?=$user?>/">~<?=$user?></a></li>
<?php } ?>
</ol>
</td>
</div>
<td valign="top">
<div class="col">
<h2>UPDATE: March 2020:</h2>
<p>
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="/~danbri">~danbri</a></li>
</ul>
</td>
</tr>
</table>
</div>
</div>
</div>
<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;} */
table {
@media (min-width: 30em) {
.row { display: flex; flex-wrap: nowrap; }
.col { flex-grow: 1; }
}
.grid {
border-collapse: collapse;
}
td {
.col {
border: 6px double #fb5;
padding: 1em;
}