diff --git a/src/components/PostCard/PostCard.tsx b/src/components/PostCard/PostCard.tsx index 7a8b98a..1e3fdef 100644 --- a/src/components/PostCard/PostCard.tsx +++ b/src/components/PostCard/PostCard.tsx @@ -124,6 +124,7 @@ export const PostCard = (_props: PostCardProps) => { className={clsx( 'post-card', applySizeStyles && applySizeStyles && `post-card--${size}`, + coverImageElement && 'post-card--with-image', props.className, `post-card__${contentType}`, )} @@ -467,6 +468,14 @@ PostCard.styles = { } } + &:not(.post-card--with-image) { + grid-template-areas: + 'info info info info info info info info' + 'info info info info info info info info' + 'info info info info info info info info' + 'info info info info info info info info' !important; + } + ${lsdUtils.breakpoint(theme, 'sm', 'down')} { &.post-card__article { .post-card__subtitle {