diff --git a/README.md b/README.md index 79d863d..e14670c 100644 --- a/README.md +++ b/README.md @@ -5,5 +5,3 @@ if you disregard the font. It's small and simple and very different from what on good. Regarding licensing, do with it as you please. Be my guest. No trade secrets. Really. - -Also, I don't think it's responsive. Oh well. diff --git a/index.html b/index.html index 3b754a6..0246633 100644 --- a/index.html +++ b/index.html @@ -10,11 +10,6 @@ font-weight: normal; font-style: normal; } - @media(max-device-width: 700px) { - body { - font-size: 36px; - } - } body { font-family: 'charterregular', Georgia, serif; width: 100vw; @@ -53,6 +48,29 @@ text-decoration: none; border-bottom: 2px solid #d6dde3; } + @media(max-device-width: 700px) { + body { + font-size: 36px; + } + .aside { + width: 100%; + height: auto; + margin-left: 1em; + } + .aside h1 { + font-size: 160%; + padding: 0.5em; + } + .aside ul li { + font-size: 130%; + display: inline-block; + width: 30vw; + margin-bottom: 0.5em; + } + .main { + max-width: 100%; + } + }