1 files changed, 49 insertions, 37 deletions
diff --git a/artistes.css b/artistes.css
index 6883f8a..782ff99 100644
--- a/artistes.css
+++ b/artistes.css
@@ -1,5 +1,13 @@
+body {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
 .main {
+    flex-grow: 1;
     display: flex;
+    background: #ccc;
 }
 
 .main div {
@@ -8,51 +16,55 @@
 
 #photos {
     width: 30%;
+    flex-shrink: 0;
     background: #fd4;
 }
 
-#photos-inner {
-    position: fixed;
-    height: 100%
+#bio {
+    background: #bbb;
 }
 
-#photos-inner img {
-    position: absolute;
-    height: 33%;
-    border-color: #ddd;
-    border-width: 10px;
-    border-style: solid;
-    border-radius: 20%;
-    filter: grayscale(1);
-    transition: 1s;
-}
+/* #photos-inner { */
+/*     position: fixed; */
+/* } */
 
-#photos-inner img:hover {
-    filter: none;
-}
+/* #photos-inner img { */
+/*     position: absolute; */
+/*     height: 33%; */
+/*     border-color: #ddd; */
+/*     border-width: 10px; */
+/*     border-style: solid; */
+/*     border-radius: 20%; */
+/*     filter: grayscale(1); */
+/*     transition: 1s; */
+/* } */
 
-/* TODO: fix photos div height when zoomed out */
-#vlad {
-    left: 2em;
-    top: 5%;
-}
+/* #photos-inner img:hover { */
+/*     filter: none; */
+/* } */
 
-#garet {
-    left: 10em;
-    top: 10%;
-}
+/* /\* TODO: fix photos div height when zoomed out *\/ */
+/* img:nth-of-type(1) { */
+/*     left: 1%; */
+/*     top: 5%; */
+/* } */
 
-#ivan {
-    left: 2em;
-    top: 30%;
-}
+/* img:nth-of-type(2) { */
+/*     right: 1%; */
+/*     top: 10%; */
+/* } */
 
-#sofia {
-    left: 10em;
-    top: 35%;
-}
+/* img:nth-of-type(3) { */
+/*     left: 1%; */
+/*     top: 30%; */
+/* } */
 
-#bio {
-    width: 45%;
-    background: #fee;
-}
+/* img:nth-of-type(4) { */
+/*     right: 1%; */
+/*     top: 35%; */
+/* } */
+
+/* #bio { */
+/*     width: 45%; */
+/*     background: #fee; */
+/* } */