Make sidebars sticky

1 files changed, 6 insertions, 5 deletions

diff --git a/artistes.css b/artistes.css
index 9b5c036..6e2007f 100644
--- a/artistes.css
+++ b/artistes.css
@@ -1,14 +1,12 @@
-body {
-    height: 100vh;
-}
-
 .main {
     display: flex;
+    background: #f00;
 }
 
 .main-social {
     overflow: auto;
     flex-grow: 1;
+    background: #f44;
 }
 
 .main div {
@@ -17,6 +15,9 @@ body {
 
 .main #photos {
     flex: 1;
+    align-self: flex-start;
+    position: sticky;
+    top: 0;
     background: #eee;
 }
 
@@ -26,7 +27,7 @@ body {
 }
 
 #photos img {
-    width: 40%;
+    width: 25%;
     border-color: #ddd;
     border-width: 1vw;
     border-style: solid;