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