From c2eb85c6eb7eef681372ebd78c4cd76df1d79678 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@0d.be>
Date: Fri, 26 Mar 2021 11:16:32 +0100
Subject: [PATCH] style: resize some bits on small screens

---
 chloro/phyll/static/css/style.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

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;
 		}
-- 
2.39.2