Make sidebars sticky

2 files changed, 9 insertions, 9 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;
diff --git a/commun.css b/commun.css
index 5778c4a..a272264 100644
--- a/commun.css
+++ b/commun.css
@@ -52,6 +52,8 @@ header.social {
     display: flex;
     flex-direction: column;
     align-items: center;
+    position: sticky;
+    top: 0;
 }
 
 .social img {
@@ -72,15 +74,12 @@ header.social {
 
 
 body {
+    height: 100vh;
     display: flex;
     flex-direction: column;
     margin: 0;
 }
 
-.main {
-    background: #f00;
-}
-
 footer {
     margin: auto;
 }