Fixing learn pages article width (#399)

* Fixing learn pages article width * chore: remove unnecessary package * fix different length for DA and Learn articles --------- Co-authored-by: Norbert Berenyi <norbert@berenyi.dev>
celestiaorg · Sep 17, 2024 · af24b2b · af24b2b
1 parent 377d82d
commit af24b2b
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 12 deletions.
diff --git a/src/pages/{MarkdownRemark.frontmatter__slug}.js b/src/pages/{MarkdownRemark.frontmatter__slug}.js
@@ -32,7 +32,7 @@ export default function Template({
 			<div className='resources-page'>
 				<main>
 					<div className={"container"}>
-						<div className='blog-post new-blog' id={"blog-post"}>
+						<div className={`blog-post new-blog ${enableSidebar && "learn-post"}`} id={"blog-post"}>
 							<div className={"inner small"}>
 								<h1 className={"h2"}>{frontmatter.title}</h1>
 

diff --git a/src/scss/pages/page-resouces.scss b/src/scss/pages/page-resouces.scss
@@ -34,26 +34,36 @@
 	margin: auto;
 	max-width: 1140px;
 
-	&.new-blog{
-		padding:0 100px 200px 100px;
-		font-size:1.25rem;
-
+	&.new-blog {
+		padding: 0 100px 200px 100px;
+		//font-size: 1.25rem;
+		font-size: 18px;
 		@include media-breakpoint-down(lg) {
 			padding: 0 20px 100px 20px;
-			font-size:1em;
+			font-size: 1em;
 		}
 
 		@include media-breakpoint-down(sm) {
 			padding: 0 0 100px 0;
 		}
 
-		.h4, h4{
-			margin-top:50px;
+		.h4,
+		h4 {
+			margin-top: 50px;
 		}
 
-		ul{
-			li{
-				margin-bottom:10px;
+		ul {
+			li {
+				margin-bottom: 10px;
+			}
+		}
+
+		&.learn-post {
+			padding: 0 0px 200px 0px;
+			max-width: 1300px;
+
+			.inner.small {
+				max-width: 1300px;
 			}
 		}
 	}
@@ -67,7 +77,7 @@
 		margin: auto;
 
 		&.small {
-			max-width: 1140px;
+			max-width: 1300px;
 			margin: auto;
 			margin-bottom: 45px;
 		}