🐛 Fix prose container width

Sergei Orlov · Sergei Orlov · commit df1105447ba8 · 2021-05-31T11:37:05.000+03:00
diff --git a/src/components/footer.js b/src/components/footer.js
@@ -23,7 +23,7 @@ export const Footer = () => {
 				itemScope
 				itemType='http://schema.org/SiteNavigationElement'
 			>
-				<ul className='flex flex-row space-x-6'>
+				<ul className='flex flex-row space-x-4 flex-wrap w-full'>
 					{links.map(({ title, icon, href }) => (
 						<li key={title}>
 							<meta itemProp='name' content={title} />
diff --git a/src/templates/blog-post-template.js b/src/templates/blog-post-template.js
@@ -30,7 +30,11 @@ const PageTemplate = ({ data }) => {
 				url={post.frontmatter.Slug}
 				// image={post.frontmatter.imageShare.publicURL}
 			/>
-			<article className='flex flex-col w-full' itemScope itemType='http://schema.org/Article'>
+			<article
+				className='flex flex-col w-full overflow-x-hidden'
+				itemScope
+				itemType='http://schema.org/Article'
+			>
 				<BackgroundImage
 					className='w-full px-3 pt-40 lg:pt-64 overflow-hidden relative'
 					Tag='section'
@@ -63,7 +67,7 @@ const PageTemplate = ({ data }) => {
 					)}
 				</BackgroundImage>
 
-				<div className='p-5 self-center'>
+				<div className='p-5 self-center max-w-full'>
 					<p className='uppercase text-gray-400 text-sm text-right'>
 						Credit goes to: {post.frontmatter.Hero_Alt}
 					</p>

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@ export const Footer = () => {`
`23`	`23`	`itemScope`
`24`	`24`	`itemType='http://schema.org/SiteNavigationElement'`
`25`	`25`	`>`
`26`		`- <ul className='flex flex-row space-x-6'>`
	`26`	`+ <ul className='flex flex-row space-x-4 flex-wrap w-full'>`
`27`	`27`	`{links.map(({ title, icon, href }) => (`
`28`	`28`	`<li key={title}>`
`29`	`29`	`<meta itemProp='name' content={title} />`