#47 refactor: style 리팩토링

Author: Jeongbowoon

src/page/showcase/component/ClubProfileCard/ClubProfileCard.style.ts

@@ -2,15 +2,14 @@ import { css } from '@emotion/react';
 
 import { theme } from '@/common/style/theme/theme';
 
-export const containerStyle = css({ width: '24.35rem' });
+export const containerStyle = css({ width: '100%' });
 
 export const imageStyle = css({
   width: '100%',
-  height: '14rem',
 
   borderRadius: '16px 16px 0px 0px',
 
-  objectFit: 'none',
+  objectFit: 'cover',
   aspectRatio: 16 / 9,
 });
 

src/page/showcase/component/ClubProfileCard/ClubProfileCard.tsx

@@ -16,13 +16,13 @@ interface ClubProfileCardProps {
 
 const ClubProfileCard = ({ title, detail, imageUrl }: ClubProfileCardProps) => {
   return (
-    <section css={containerStyle}>
+    <article css={containerStyle}>
       <img src={imageUrl ? imageUrl : defaultImage} alt={`${title}-image`} css={imageStyle} />
       <div css={descriptionStyle}>
         <p css={titleStyle}>{title}</p>
         <p css={detailStyle}>{detail}</p>
       </div>
-    </section>
+    </article>
   );
 };