Skip to content

Commit 7663965

Browse files
committed
fix: 블로그/ 프로젝트 간격 수정
1 parent 5e8b9b0 commit 7663965

File tree

2 files changed

+2
-2
lines changed

2 files changed

+2
-2
lines changed

apps/website/src/pages/Blog/Blog/BlogList.styles.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@ export const ListContainer = styled.div<{$isTablet: boolean; $isBig: boolean; $i
129129
130130
grid-template-columns: ${(props) => {
131131
if (props.$isMobile) return '1fr 1fr'; // 모바일: 2 컬럼
132-
return 'repeat(auto-fit, 300px)'; // 데스크탑: 자동 너비 조정
132+
return 'repeat(auto-fit, minmax(240px, 1fr))'; // 데스크탑: 유동 폭 컬럼
133133
}};
134134
135135
/* 프로젝트 카드와 동일, gap을 clamp */

apps/website/src/pages/Blog/Project/ProjectList.styles.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ export const ListContainer = styled.div<{$isTablet: boolean; $isBig: boolean; $i
119119
120120
grid-template-columns: ${(props) => {
121121
if (props.$isMobile) return '1fr 1fr'; // 모바일: 2 컬럼
122-
return 'repeat(auto-fit, 300px)'; // 데스크탑: 자동 너비 조정
122+
return 'repeat(auto-fit, minmax(240px, 1fr))'; // 데스크탑: 유동 폭 컬럼
123123
}};
124124
125125
/* 블로그 카드와 동일, gap을 clamp로 반응형 설정? clamp 싱기싱기 */

0 commit comments

Comments
 (0)