From 40f2f414148bec27edc67f777086bf1b37db5a64 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fede=20=C3=81lvarez?= Date: Tue, 19 Apr 2022 09:40:47 +0200 Subject: [PATCH] Fix profile images in some bp --- src/components/sections/about/team/team.module.scss | 5 +++++ src/components/sections/about/team/team.tsx | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/components/sections/about/team/team.module.scss b/src/components/sections/about/team/team.module.scss index 51d986c..5b771d2 100644 --- a/src/components/sections/about/team/team.module.scss +++ b/src/components/sections/about/team/team.module.scss @@ -125,6 +125,11 @@ img { @include respond-to('mobile') { + width: tovw(152px, 'mobile'); + height: tovw(152px, 'mobile'); + } + + @media screen and (max-width: 600px) { width: tovw(192px, 'mobile'); height: tovw(192px, 'mobile'); } diff --git a/src/components/sections/about/team/team.tsx b/src/components/sections/about/team/team.tsx index 9d73fc7..cbfebbf 100644 --- a/src/components/sections/about/team/team.tsx +++ b/src/components/sections/about/team/team.tsx @@ -76,10 +76,10 @@ function Team({ members, teamName, teamNumber, teamDept }: Teams) { }, breakpoints: { '(max-width: 900px)': { - slides: { perView: 2.45, spacing: 25, origin: 'center' } + slides: { perView: 2, spacing: 20, origin: 'center' } }, '(max-width: 600px)': { - slides: { perView: 1.65, spacing: 40, origin: 'center' } + slides: { perView: 1.65, spacing: 35, origin: 'center' } }, '(min-width: 901px)': { disabled: true