Fixing small screen ratio avatars

april-tools · Nov 11, 2024 · ee6ec07 · ee6ec07
1 parent bd3b614
commit ee6ec07
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/css/main.scss b/css/main.scss
@@ -133,4 +133,22 @@ img.avatar{
   -o-border-radius: 50%;
   -ms-border-radius: 50%;
   object-fit: cover;
+}
+
+@media only screen and (max-width: 720px) {
+  div #organizers {
+    display: grid;
+    width: 100%;
+    grid-template-columns: repeat(1, 1fr);
+    grid-column-gap: 50px;
+    margin-bottom: 40px;
+  }
+
+  div #speakers {
+    display: grid;
+    width: 100%;
+    grid-template-columns: repeat(1, 1fr);
+    grid-column-gap: 50px;
+    margin-bottom: 40px;
+  }
 }