From 8b9f49c944e3e32ff2f754a3a6f9cf9c8aa92af8 Mon Sep 17 00:00:00 2001
From: Halit <halitguvenilir@gmail.com>
Date: Sun, 12 Aug 2018 13:47:04 +0300
Subject: [PATCH] Page style mobile screen width problem fixed and sponsor,
 speaker and cfp spacing problem fixed"

---
 .../core/static/css/components/page.css       | 11 +++++--
 .../core/static/css/components/person.css     | 30 +++++++++++++++++--
 .../core/static/css/components/sponsors.css   |  9 +-----
 3 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/pyconbalkan/core/static/css/components/page.css b/pyconbalkan/core/static/css/components/page.css
index f99818ab..ad907aab 100644
--- a/pyconbalkan/core/static/css/components/page.css
+++ b/pyconbalkan/core/static/css/components/page.css
@@ -10,7 +10,7 @@
 
     @media (max-width: 1280px) {
         .page__content {
-            width: 70%;
+            width: 90%;
             height: auto;
             padding: 40px 0;
             margin: 0 auto;
@@ -22,6 +22,13 @@
             margin-right: 80px;
         }
 
+        @media (max-width: 1024px) {
+
+            .column {
+                margin-right: 0;
+            }
+        }
+
         .column:nth-of-type(2) {
             margin-right: 0;
         }
@@ -52,7 +59,7 @@
             margin-left: 0;
             margin-bottom: 20px;
         }
-        
+
         .column ul li {
             padding-left: 0px;
         }
diff --git a/pyconbalkan/core/static/css/components/person.css b/pyconbalkan/core/static/css/components/person.css
index 749b61a7..f1d50e42 100644
--- a/pyconbalkan/core/static/css/components/person.css
+++ b/pyconbalkan/core/static/css/components/person.css
@@ -8,8 +8,8 @@
  .sponsor {
     display: flex;
     flex-flow: row wrap;
-    justify-content: flex-start;
-    align-content: flex-start;
+    align-items: center;
+    justify-content: center;
  }
 
  @media (max-width: 1024px) {
@@ -32,12 +32,28 @@
         overflow: hidden;
     }
 
+    @media (max-width: 1024px) {
+        .speaker__image,
+        .organizer__image,
+        .sponsor__image {
+            margin: 0;
+        }
+    }
+
     .speaker__details,
     .organizer__details,
     .sponsor__details {
         flex: 1;
     }
 
+    @media (max-width: 1024px) {
+        .speaker__details,
+        .organizer__details,
+        .sponsor__details {
+            text-align: justify;
+        }
+    }
+
         .speaker__image img,
         .organizer__image img,
         .sponsor__image img {
@@ -62,7 +78,15 @@
         .speaker__description,
         .organizer__description,
         .sponsor__description {
-            margin-bottom: 20px;    
+            margin-bottom: 20px;
+        }
+
+        @media (max-width: 1024px) {
+            .speaker__description,
+            .organizer__description,
+            .sponsor__description {
+                margin-bottom: 0;
+            }
         }
 
         .social__links {
diff --git a/pyconbalkan/core/static/css/components/sponsors.css b/pyconbalkan/core/static/css/components/sponsors.css
index 4f983d67..a81edc57 100644
--- a/pyconbalkan/core/static/css/components/sponsors.css
+++ b/pyconbalkan/core/static/css/components/sponsors.css
@@ -20,7 +20,7 @@
 }
 
 .keynote-item {
-    position: relative; 
+    position: relative;
 }
 
 .sponsor-list {
@@ -35,13 +35,6 @@
     color: #F3D66C;
 }
 
-@media (max-width: 1024px) {
-    .sponsor {
-        width: 350px;
-        height: 300px;
-    }
-}
-
 .sponsor img {
     display: block;
     object-fit: cover;