commit 5c411ddf60d2e6c47d94a0bbffa30665a2c8a81a
author Henri Koivuneva <henri.koivuneva@gmail.com> Fri Aug 25 22:59:59 2017 +0300
committer Henri Koivuneva <henri.koivuneva@gmail.com> Fri Aug 25 22:59:59 2017 +0300
tree f0c0e57d30766420a8663fc623f4c81dc5d1abf8
parent b940bdbd1ab1d93a2e34e97cd92121584d33c5a4

CSS: Fix new team section on Chrome (>mobile)

TODO: Mobile team tab menu, why does it go under the team profiles?
Z-Index doesn't help.

css/style.css

diff --git a/css/style.css b/css/style.css
index 860592e..ab65fda 100644
--- a/css/style.css
+++ b/css/style.css
@@ -45,20 +45,22 @@
   box-sizing: border-box; }
 
 html {
-  position: relative;
-  height: 100%;
-  width: 100%; }
+  /* position: relative; */
+  /* height: 100%; */
+  /* width: 100%; */
+  }
 
 img {
   width: 100%; }
 
 body {
-  height: 100%;
+  /* height: 100%; */
   font-family: "Comfortaa", Helvetica, Arial, sans-serif;
   line-height: 1.4;
   background-color: #0080ff;
   /* Margin bottom by footer height */
-  margin-bottom: 60px; }
+  /* margin-bottom: 60px; */
+  }
 
 h1, .h1,
 h2, .h2,
@@ -205,13 +207,14 @@
 .navbar.solid {
   background-color: #07374a;
   top: 0;
-  width: 110%;
-  margin: 0px -5%;
+  width: 100%;
+  margin: 0px 0%;
   box-shadow: 0 7px 8px 0px rgba(0,0,0,0.3);
   -webkit-transition: background-color .2s ease 0s;
   transition: background-color .2s ease 0s;
   -webkit-transition: box-shadow .2s ease 0s;
-  transition: box-shadow .2s ease 0s;  }
+  transition: box-shadow .2s ease 0s;
+  }
   .navbar.solid .navbar-brand {
     opacity: 1;
     display: inline-block;
@@ -315,6 +318,10 @@
   margin-bottom: 1.875em;
   padding-top: 5%; }
 
+@media screen and (min-width: 360px) {
+  #team > .container .row > div {width: 100%;margin: 0;}
+}
+
 @media screen and (min-width: 768px) {
   .portfolio-projects {
     margin-top: 0.625em; } }
@@ -470,7 +477,8 @@
 .team-role, .team-name, .team-links-list a {
     color: #07374a;
     text-align: center;
-    white-space: nowrap;
+    white-space: normal;
+    width: 100%;
 }
 .team-name, .family-name {
     font-size: 21px;
@@ -488,7 +496,7 @@
   margin:0 auto;
 }
 #team > .container .row > div {
-  min-height: 300px;
+  min-height: 0px;
   padding-left: 0;
   padding-right: 0;
   display: flex;
@@ -496,23 +504,23 @@
   justify-content: center;
 }
   @media (min-width: 768px) {
-    #team > .container .row > div {min-height: 320px;}
+    #team > .container .row > div {min-height: 0px;}
     #team .col-sm-4 {
-      width: 30%;
-      margin:1.66666666665%;
+      width: 100%;
+      margin: 0;
     }
   }
   @media (min-width: 992px) {
     #team .col-md-2 {
-      width: 21%;
-      margin:2%;
+      width: 100%;
+      margin: 0;
     }
   }
   @media (min-width: 1200px) {
-    #team > .container .row > div {min-height: 300px;}
+    #team > .container .row > div {min-height: 0px;}
   }
   @media (max-width: 700px) {
-    #team > .container .row > div {min-height: 350px;}
+    #team > .container .row > div {min-height: 0px;}
     #team .col-xs-6 {width: 42%;margin:4%;}
   }
   @media (max-width: 500px) {