- commit
- 70bf3d35a775336957923c34f451d98ac9acbc75
- parent
- 9607b3f27cf3aaa9f650d7d1200f5d9482855d6b
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2025-09-01 07:07
flow-relativ units
Diffstat
| M | style.css | 20 | +++++++++++--------- |
1 files changed, 11 insertions, 9 deletions
diff --git a/style.css b/style.css
@@ -10,9 +10,10 @@ html {
10 10
11 11 body {
12 12 box-sizing: content-box;
13 -1 margin: 0.5em auto 0;
14 -1 max-width: 80em;
15 -1 padding: 0 1em;
-1 13 max-inline-size: 80em;
-1 14 margin-block: 0.5em 0;
-1 15 margin-inline: auto;
-1 16 padding-inline: 1em;
16 17 }
17 18
18 19 a {
@@ -44,12 +45,12 @@ dialog {
44 45 }
45 46
46 47 .top {
47 -1 margin-bottom: 1.5em;
-1 48 margin-block-end: 1.5em;
48 49 }
49 50
50 51 #canvas {
51 52 border: 1px solid #e6e6e6;
52 -1 max-width: 100%;
-1 53 inline-size: 100%;
53 54 }
54 55
55 56 #grid {
@@ -58,7 +59,8 @@ dialog {
58 59 }
59 60
60 61 #grid img {
61 -1 width: 100%;
-1 62 inline-size: 100%;
-1 63 block-size: auto;
62 64 vertical-align: bottom;
63 65 }
64 66
@@ -79,11 +81,11 @@ dialog {
79 81 }
80 82
81 83 #more {
82 -1 max-width: 40em;
-1 84 max-inline-size: 40em;
83 85 }
84 86
85 87 #more p {
86 -1 margin: 3em 0;
-1 88 margin-block: 3em;
87 89 }
88 90
89 91 #more ul {
@@ -94,7 +96,7 @@ dialog {
94 96
95 97 #more li {
96 98 display: block;
97 -1 margin: 1.5em 0;
-1 99 margin-block: 1.5em;
98 100 }
99 101
100 102 @media (min-width: 600px) {