Uprava responz mest

PyLadiesCZ · Apr 10, 2018 · 3103fb7 · 3103fb7
1 parent 8795c5e
commit 3103fb7
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 8 deletions.
diff --git a/static/css/custom.css b/static/css/custom.css
@@ -581,14 +581,19 @@ margin-right: -30px;
 width: 30px;
 margin-left: -30px;
 }
-
+.team{
+  display: flex;
+}
+.member{
+  flex: 1 1 30%;
+}
 #team {
   padding-bottom: 45px;
 }
 
-.col-md-3.member-box {
+.member-box {
     margin-bottom: 30px;
-    min-height: 348px;
+    min-height: 400px;
 }
 
 .section-heading {

diff --git a/static/css/responsive.css b/static/css/responsive.css
@@ -2,6 +2,8 @@
   .py-block {
     font-size: 14px;
   }
+  .member-box{
+    min-height: 350px;
 }
 @media screen and (max-width: 1024px) {
     .py-block {
@@ -22,6 +24,13 @@
     .banner span{
         font-size: 1.8em;
     }
+    .member-box{
+      min-height: 380px;
+  }
+    .member_box .img-circle{
+      width: 70%;
+    }
+
 }
 
 
@@ -43,7 +52,9 @@
     width: 20px !important;
 
   }
-
+  .member-box{
+    min-height: 380px
+  }
 a .about img {
   width: 100%;
   height: auto;
@@ -118,7 +129,7 @@ button.btn.btn-couch {
 }
 }
 
-@media all  and (max-width: 736px)  {
+@media all  and (max-width: 767px)  {
   .course-wrapper {
     max-height: none;
 }
@@ -353,8 +364,17 @@ button.btn.btn-couch {
     margin: 50px 0px;
   }
   .member-box .img-circle {
-  width: 40%;
-}
+    width: 30%;
+  }
+  .member-name {
+    font-size: 14px;
+  }
+  .member_box strong{
+    font-size: 12px;
+  }
+  .member-box{
+    min-height: 200px
+  }
 }
 
 @media all and (max-width: 568px) {

diff --git a/templates/city.html b/templates/city.html
@@ -179,7 +179,7 @@ <h2 class="course-city-heading">Jak založit Pyladies ve tvém městě?</h2>
       <h2 class="course-city-heading">{{ team_name }}</h2>
 
       {% for member in team %}
-      <div class="member-box col-md-3 col-sm-4 col-xs-12">
+      <div class="member-box col-md-3 col-sm-6 col-xs-12">
         <img src="{{ url_for('static', filename=member.img or 'img/brno/team/blank.png') }}" class="img-circle img-responsive" />
         <h5 class="member-name text-center"><strong>{{ member.name }}</strong></h5>
         <span><em>{{ member.role }}</em></span>