use flexbox for styling

2026-01-23 21:40:18 +00:00 · 2020-03-09 15:12:29 +00:00
parent 06c0c248bd
commit 2aa00936a7
2 changed files with 15 additions and 10 deletions
--- a/style.css
+++ b/style.css
@@ -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;
 }