💄 모각코 아이템 스타일 반응형에 맞게 수정

- 장소 ... 처리
boostcampwm2023 · Nov 21, 2023 · 91d281c · 91d281c
1 parent 162a479
commit 91d281c
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/app/frontend/src/components/commons/MogacoItem/index.css.ts b/app/frontend/src/components/commons/MogacoItem/index.css.ts
@@ -1,4 +1,5 @@
 import { style } from '@vanilla-extract/css';
+import { calc } from '@vanilla-extract/css-utils';
 
 import { vars, fontStyle } from '@/styles';
 
@@ -63,17 +64,19 @@ export const info = style({
   display: 'flex',
   flexDirection: 'column',
   alignItems: 'flex-start',
+  width: '100%',
   gap: '0.4rem',
 });
 
 export const infoContent = style({
   display: 'flex',
+  width: '100%',
   alignItems: 'center',
   gap: '0.4rem',
 });
 
 export const infoText = style({
-  width: '67.5rem',
+  width: calc.subtract('100%'),
   alignItems: 'center',
   gap: '0.4rem',
   overflow: 'hidden',