From e10d73ec7213a298937e54451d69c887e1548710 Mon Sep 17 00:00:00 2001 From: Thiago Monteiro Date: Fri, 17 May 2024 13:28:01 -0300 Subject: [PATCH] pagina de videos css mobile --- .../assets/scss/6-pages/_p-page-videos.scss | 28 +++++++++++++++++-- 1 file changed, 25 insertions(+), 3 deletions(-) diff --git a/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss b/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss index 2dde7189..2f07f02f 100644 --- a/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss +++ b/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss @@ -189,22 +189,44 @@ } @media(max-width: 767px){ height: 265px; - margin-left: 0; + margin-left: -10px; } } .slick-slide, .videos, .post-thumbnail, img{ width: 170px; height: 302px; border-radius: 12px; - @media(max-width: 1052px){ + @media(max-width: 1292px){ width: 140px; height: 272px; } - @media(max-width: 876px){ + + @media(max-width: 1094px){ width: 122px; height: 225px; + } + + @media(max-width: 964px){ + width: 102px; + height: 225px; + } + + @media(max-width: 822px){ + width: 92px; + height: 225px; + } + + @media(max-width: 782px){ + width: 325px; + height: 245px; margin-left: auto; margin-right: auto; + border-radius: 8px; + } + + @media(max-width: 359px){ + width: 305px; + height: 245px; } } .post-thumbnail{