diff --git a/main/index.css b/main/index.css index 83f0725..38b4078 100644 --- a/main/index.css +++ b/main/index.css @@ -5,16 +5,17 @@ img { vertical-align: bottom; } address { - display: flex; - flex-wrap: wrap; - gap: 1em; + margin: -0.5rem; + font-style: normal; } address h2 { - width: 100%; - margin-bottom: 0; + margin: 0.5rem; + margin-top: 2rem; } address a { font-size: 1.2em; + display: inline-block; + margin: 0.5rem; } address img, address picture { vertical-align: baseline; diff --git a/main/main.css b/main/main.css index bd0558c..c5284f1 100644 --- a/main/main.css +++ b/main/main.css @@ -7,14 +7,24 @@ html { } body { font-family: sans-serif; - width: min-content; + width: min-content; width: -webkit-min-content; width: -moz-min-content; max-width: 100%; margin: auto; } header, main { - width: max-content; + width: max-content; width: -webkit-max-content; width: -moz-max-content; max-width: 100%; } h1 { margin-top: 0; -} \ No newline at end of file +} + + +@media (min-width: 20rem) and (max-width: 22rem) { + html { + font-size: 90%; +} } +@media (max-width: 20rem) { + html { + font-size: 80%; +} } \ No newline at end of file