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.

1 files changed, 1 insertions, 3 deletions

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 {