diff --git a/src/components/Card/Project/ProjectCard.css.ts b/src/components/Card/Project/ProjectCard.css.ts index e254ecc..189bf75 100644 --- a/src/components/Card/Project/ProjectCard.css.ts +++ b/src/components/Card/Project/ProjectCard.css.ts @@ -28,17 +28,18 @@ export const wrapVariants = styleVariants({ export const sizeStyle = style({ width: '25.5rem', - height: '25.5rem', + height: '100%', + // height: '25.5rem', '@media': { [ODSBreakpointTokenVariables['breakpoint-l']]: { width: '22.5rem', - height: '22.5rem', + // height: '22.5rem', }, [ODSBreakpointTokenVariables['breakpoint-m']]: { width: '17.5rem', - height: '22.5rem', + // height: '22.5rem', }, }, }); @@ -180,4 +181,14 @@ export const imageStyle = style({ justifySelf: 'flex-end', alignSelf: 'flex-end', borderRadius: '0.75rem', + paddingTop: '2.125rem', + + '@media': { + [ODSBreakpointTokenVariables['breakpoint-l']]: { + paddingTop: '0.6875rem', + }, + [ODSBreakpointTokenVariables['breakpoint-m']]: { + paddingTop: '1.375rem', + }, + }, });