Skip to content

Commit 22cec8a

Browse files
committed
Improve support for very-long-words in blog titles
1 parent acdb0dd commit 22cec8a

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/components/sections/blog/single-post-hero/single-post-hero.styles.ts

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ export const StyledSinglePostImageWrapper = styled.div`
7777
7878
@media (min-width: ${screens['lg']}) {
7979
max-width: 607px;
80-
min-width: 607px;
80+
min-width: 200px;
8181
}
8282
`;
8383

@@ -86,6 +86,10 @@ export const StyledSinglePostDetails = styled.div`
8686
flex-direction: column;
8787
justify-content: space-between;
8888
gap: 24px;
89+
90+
@media (max-width: ${screens['lg']}) {
91+
word-break: break-word;
92+
}
8993
`;
9094

9195
export const StyledTags = styled.div`

0 commit comments

Comments
 (0)