diff --git a/src/views/AboutPage/components/CoreValue/Item/style.ts b/src/views/AboutPage/components/CoreValue/Item/style.ts index 1d1a42e5..3943a281 100644 --- a/src/views/AboutPage/components/CoreValue/Item/style.ts +++ b/src/views/AboutPage/components/CoreValue/Item/style.ts @@ -10,8 +10,8 @@ export const ItemContainer = styled.div<{ src: string; isInView: boolean; order: width: 298px; height: 330px; padding: 36px 100px; - border-radius: 24px; gap: 24px; + border-radius: 24px; background: center bottom 36px no-repeat ${colors.gray900} url(${({ src }) => src}); background-size: calc(120px + 7vw); opacity: 0; @@ -36,6 +36,7 @@ export const ItemContainer = styled.div<{ src: string; isInView: boolean; order: height: 202px; padding: 20px 80px; gap: 8px; + border-radius: 14px; background-size: 134px 134px; background-position: center bottom 14px; white-space: nowrap; @@ -46,6 +47,7 @@ export const ItemContainer = styled.div<{ src: string; isInView: boolean; order: height: 202px; padding: 20px 80px; gap: 8px; + border-radius: 14px; background-size: 134px 134px; background-position: center bottom 12px; white-space: nowrap; @@ -67,6 +69,13 @@ export const BackgroundBlur = styled.div<{ isHovered: boolean }>` backdrop-filter: blur(3.5px); background-color: rgba(0, 0, 0, 60%); `}; + + ${media.tablet} { + border-radius: 14px; + } + ${media.mobile} { + border-radius: 14px; + } `; export const CoreValue = styled.div` diff --git a/src/views/MainPage/components/IntroSection/CoreValueSection/CoreValueCard/style.ts b/src/views/MainPage/components/IntroSection/CoreValueSection/CoreValueCard/style.ts index 2efd226c..6d5ef8d7 100644 --- a/src/views/MainPage/components/IntroSection/CoreValueSection/CoreValueCard/style.ts +++ b/src/views/MainPage/components/IntroSection/CoreValueSection/CoreValueCard/style.ts @@ -91,7 +91,7 @@ export const CardContent = styled.div<{ isActive: boolean }>` ${media.tablet} { width: 100%; - padding: 24px; + padding: 20px; } ${media.mobile} { diff --git a/src/views/MainPage/components/RecentNews/style.ts b/src/views/MainPage/components/RecentNews/style.ts index a6c08a57..17aa451d 100644 --- a/src/views/MainPage/components/RecentNews/style.ts +++ b/src/views/MainPage/components/RecentNews/style.ts @@ -7,7 +7,7 @@ import { ReactComponent as IconInstagram } from '@src/assets/icons/ic_instagram. import { media } from '@src/lib/styles/breakpoints'; export const RecentNews = styled.section` - padding: 432px 0 372px 0px; + padding: 432px 0 0 0; ${media.tablet} { padding: 100px 0;