Merge pull request #113 from halitguvenilir/halit-dev

Page style mobile screen width problem fixed and sponsor, speaker and cfp spacing problem fixed

Author: Kátia Nakamura

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;
         }

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 {

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;