From af24b2bf14d861e00006c2c3c4cb36239d9472fe Mon Sep 17 00:00:00 2001
From: udvariisti <istvan@designatives.com>
Date: Tue, 17 Sep 2024 13:21:44 +0200
Subject: [PATCH] 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>
---
 .../{MarkdownRemark.frontmatter__slug}.js     |  2 +-
 src/scss/pages/page-resouces.scss             | 32 ++++++++++++-------
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/pages/{MarkdownRemark.frontmatter__slug}.js b/src/pages/{MarkdownRemark.frontmatter__slug}.js
index 2a6524ef7..a5011e4ac 100644
--- 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
index 502dabe80..4699d04b5 100644
--- 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;
 		}