From 05c9daf01f4a7bb122bb81b915038582e182b9ef Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Wed, 4 Nov 2020 00:35:49 +0100
Subject: Try to make content scrollable

couldn't find a way to make #photos and #bio backgrounds extend to the
bottom of .main, for some reason.

flex-grow is necessary on .main, otherwise the footer will pick up
excess height when zoomed out.

use flex: 1/2 for #photos/#bio, instead of percentages with
flex-shrink: 0.
---
 commun.css | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

(limited to 'commun.css')

diff --git a/commun.css b/commun.css
index 9b52d45..16531a9 100644
--- a/commun.css
+++ b/commun.css
@@ -34,15 +34,13 @@ nav ol li {
 }
 
 body {
-    height: 100%;
     display: flex;
     flex-direction: column;
     margin: 0;
 }
 
 .main {
-    flex-grow: 1;
-    background: #ccc;
+    background: #f00;
 }
 
 footer {
-- 
cgit v1.2.3