From: Frédéric Péters <fpeters@0d.be>
Date: Fri, 26 Mar 2021 10:16:32 +0000 (+0100)
Subject: style: resize some bits on small screens
X-Git-Tag: v2022~3
X-Git-Url: https://git.0d.be/?p=chloro.git;a=commitdiff_plain;h=c2eb85c6eb7eef681372ebd78c4cd76df1d79678

style: resize some bits on small screens
---

diff --git a/chloro/phyll/static/css/style.scss b/chloro/phyll/static/css/style.scss
index 874cd9b..8bb69bb 100644
--- a/chloro/phyll/static/css/style.scss
+++ b/chloro/phyll/static/css/style.scss
@@ -59,6 +59,9 @@ main, footer {
 	margin: 0 4em;
 	padding: 1em;
 	max-width: 70em;
+	@media screen and (max-width: 50em) {
+		margin: 0;
+	}
 }
 
 main {
@@ -74,6 +77,9 @@ main {
 		display: inline-block;
 		text-decoration: none;
 		font-size: 500%;
+		@media screen and (max-width: 50em) {
+			font-size: 200%;
+		}
 		font-weight: bold;
 		padding-top: 0.5em;
 		line-height: 50%;
@@ -96,6 +102,9 @@ main {
 		h2 {
 			margin: 0;
 			font-size: 400%;
+			@media screen and (max-width: 50em) {
+				font-size: 200%;
+			}
 			font-weight: bold;
 			text-transform: uppercase;
 		}