Commit dffbb5e

committed

Fix design issue.

When the subtitle content was long, text overlapped causing a design break.

1 parent 8f02035 commit dffbb5eCopy full SHA for dffbb5e

File tree

-5

lines changed

-5

lines changed

Lines changed: 1 addition & 5 deletions

Original file line number	Diff line number	Diff line change
@@ -108,17 +108,13 @@ const TitleWrapper = styled('div')`
`108`	`108`	`width: 800px;`
`109`	`109`
`110`	`110`	`h1 {`
`111`		`- min-height: 60px;`
`112`		`- max-height: 60px;`
`113`	`111`	`font-weight: 600;`
`114`	`112`	`font-size: 42px;`
`115`		`- line-height: 3px;`
`116`	`113`	`}`
`117`	`114`
`118`	`115`	`h2 {`
`119`	`116`	`font-weight: bold;`
`120`	`117`	`font-size: 30px;`
`121`		`- line-height: 15px;`
`122`	`118`	`}`
`123`	`119`
`124`	`120`	`p {`
`@@ -135,8 +131,8 @@ const PrinterComponent = ( ogData ) => (`
`135`	`131`	`<Matrix/>`
`136`	`132`	`<TitleWrapper>`
`137`	`133`	`<Logo height='150' width='150' />`
`138`		`- <h2>{ ogData.subtitle }</h2>`
`139`	`134`	`<h1>{ ogData.title }</h1>`
	`135`	`+ <h2>{ ogData.subtitle }</h2>`
`140`	`136`	`<p>Blog by Anit Shrestha Manandhar</p>`
`141`	`137`	`<p>codeanit.com/blog/{ogData.slug}</p>`
`142`	`138`	`</TitleWrapper>`

Comments

(0)