Skip to content

Commit dffbb5e

Browse files
committed
Fix design issue.
When the subtitle content was long, text overlapped causing a design break.
1 parent 8f02035 commit dffbb5e

File tree

1 file changed

+1
-5
lines changed

1 file changed

+1
-5
lines changed

src/components/Printer/index.js

+1-5
Original file line numberDiff line numberDiff line change
@@ -108,17 +108,13 @@ const TitleWrapper = styled('div')`
108108
width: 800px;
109109
110110
h1 {
111-
min-height: 60px;
112-
max-height: 60px;
113111
font-weight: 600;
114112
font-size: 42px;
115-
line-height: 3px;
116113
}
117114
118115
h2 {
119116
font-weight: bold;
120117
font-size: 30px;
121-
line-height: 15px;
122118
}
123119
124120
p {
@@ -135,8 +131,8 @@ const PrinterComponent = ( ogData ) => (
135131
<Matrix/>
136132
<TitleWrapper>
137133
<Logo height='150' width='150' />
138-
<h2>{ ogData.subtitle }</h2>
139134
<h1>{ ogData.title }</h1>
135+
<h2>{ ogData.subtitle }</h2>
140136
<p>Blog by Anit Shrestha Manandhar</p>
141137
<p>codeanit.com/blog/{ogData.slug}</p>
142138
</TitleWrapper>

0 commit comments

Comments
 (0)