Mobile Responsivity Adjustments.

guilhermeborgesbastos · May 22, 2020 · 08aeb5b · 08aeb5b
1 parent afdffb2
commit 08aeb5b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/app/about/about.component.responsivity.scss b/src/app/about/about.component.responsivity.scss
@@ -155,6 +155,14 @@
     }
 }
 
+@media screen and (max-width: 370px) {
+
+    .about-container .second-column .profile-picture {
+        width: 300px;
+        height: 300px;
+    }
+}
+
 @media screen and (max-width: 320px) {
 
     .about-container {

diff --git a/src/app/posts/posts.component responsivity.scss b/src/app/posts/posts.component responsivity.scss
@@ -58,7 +58,7 @@
         }
 
         p.synopsis {
-            margin-top: 2em;
+            margin-top: 0;
         }
 
         .top-container {
@@ -92,4 +92,11 @@
             }
         }
     }
+}
+
+@media screen and (max-width: 360px) {
+
+    .container p.synopsis {
+        display: none;
+    }
 }