From 5d010d16a9adcf79bdc2fac6cf5dab5bf64a8166 Mon Sep 17 00:00:00 2001 From: aver Date: Mon, 11 Nov 2024 14:43:54 +0000 Subject: [PATCH] media query small screen avatars --- css/main.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/css/main.scss b/css/main.scss index f7f45bf..6d9738e 100644 --- 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; + } } \ No newline at end of file