app/(root)/changelogs/[slug]/page.tsx

@@ -72,11 +72,11 @@ const Page = ({ params }: { params: { slug: string } }) => {
 
 	return (
 		<>
-			<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
-				<h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<section className="wrapper container py-24 md:py-28 gap-2 flex flex-col">
+				<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 					{page.title}
 				</h1>
-				<ReactMarkdown className="prose max-w-full prose-lg dark:prose-invert">
+				<ReactMarkdown className="prose max-w-full md:prose-lg dark:prose-invert">
 					{page.content}
 				</ReactMarkdown>
 			</section>

app/(root)/changelogs/page.tsx

@@ -52,12 +52,12 @@ const LogsPage: React.FC = () => {
 	return (
 		<section
 			id="logs"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Server LOGS
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				Get all the latest version of SVRJS download and compiled Files here!
 			</p>
 			{error && <p className="text-red-500">{error}</p>}
@@ -65,7 +65,7 @@ const LogsPage: React.FC = () => {
 			{reversedDownloads.map((download) => (
 				<div
 					key={download._id}
-					className="flex-start prose max-w-full prose-lg dark:prose-invert flex-col"
+					className="flex-start prose max-w-full md:prose-lg dark:prose-invert flex-col mb-4"
 				>
 					<h2 className="font-bold text-3xl">{download.version}</h2>
 					<span className="font-medium italic">{download.date}</span>
@@ -76,7 +76,7 @@ const LogsPage: React.FC = () => {
 					</ul>
 				</div>
 			))}
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{CHANGE_LOGS}</ReactMarkdown>
 			</div>
 		</section>

app/(root)/contribute/page.tsx

@@ -10,16 +10,16 @@ const Contribute = () => {
 	return (
 		<section
 			id="tos"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Contributing to SVR.JS
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				We welcome contributions from the community! Here&apos;s how you can
 				help!
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{contribute}</ReactMarkdown>
 			</div>
 		</section>

app/(root)/downloads/page.tsx

@@ -56,12 +56,12 @@ const DownloadPage: React.FC = () => {
   return (
     <section
       id="download"
-      className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+      className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
     >
-      <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+      <h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         Downloads
       </h1>
-      <p className="text-lg text-muted-foreground text-start mb-4">
+      <p className="md:text-lg text-muted-foreground text-start mb-6">
         Get all the latest version of SVRJS download and compiled Files here!
       </p>
       {error && <p className="text-red-500">{error}</p>}

app/(root)/mods/page.tsx

@@ -56,12 +56,12 @@ const ModsPage: React.FC = () => {
   return (
     <section
       id="mods"
-      className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+      className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
     >
-      <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+      <h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         SvrJS Mods
       </h1>
-      <p className="text-lg text-muted-foreground text-start mb-4">
+      <p className="md:text-lg text-muted-foreground text-start mb-6">
         Get all the latest version of SVRJS Mods and compiled Files here!{" "}
       </p>
       {error && <p className="text-red-500">{error}</p>}

app/(root)/privacy-policy/page.tsx

@@ -12,15 +12,15 @@ const PrivacyPolicy = () => {
 	return (
 		<section
 			id="privacy-policy"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Privacy Policy
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				Effective date: 26.05.2024
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{PRIVACY_POLICY}</ReactMarkdown>
 			</div>
 		</section>

app/(root)/tos/page.tsx

@@ -10,15 +10,15 @@ const TermsOfService = () => {
 	return (
 		<section
 			id="tos"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Terms and Conditions
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				Last updated: 24.04.2024
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{TERMS_AND_CONDITIONS}</ReactMarkdown>
 			</div>
 		</section>

app/(root)/vulnerabilities/page.tsx

@@ -10,19 +10,19 @@ const Vulnerabilities = () => {
 	return (
 		<section
 			id="tos"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				SVR.JS Vulnerabilities
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-6">
 				Some older versions of SVR.JS are vulnerable to cyberattacks. It&apos;s
 				recommended to update your SVR.JS version to the newest one. If you find
 				a security issue with SVR.JS, report it as soon as possible to
 				vulnerability-reports[at]svrjs[dot]org. We&apos;ll mitigate that
 				vulnerability if it is possible.
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{vulnerabilities}</ReactMarkdown>
 			</div>
 		</section>