width fixed

Author: SH20RAJ

src/app/[...slug]/page.js

@@ -38,7 +38,7 @@ export default async ({ params }) => {
       <Nav />
       {/* <link rel="stylesheet" href="https://dev.to/assets/crayons-132fd5353a6887f948f908fecf2c183d4019983fae2c184971fb9deb4e930bfb.css" /> */}
       <main>
-        <div className="shadow1 postcontainer subpixel-antialiased">
+        <div className="shadow1 postcontainer subpixel-antialiased  postcon"  >
           <img class="glassload shadow2 postheadimage" src={data.cover_image} alt="" srcset="" />
           <h2 id="title">{data.title}</h2>
           <span class="post-data">

src/app/globals.css

@@ -124,6 +124,9 @@ main {
   min-width: 55%;
   font-size: 17px;
 }
+.postcon {
+  max-width: 59%;
+}
 blockquote {
   background: var(--bbg);
   padding: 20px;
@@ -404,7 +407,7 @@ footer {
   }
   .postcontainer,
   .sidebar {
-    max-width: 100%;
+    width: 100%;
     margin: 0;
     margin-top: 20px;
     margin: 10px;

src/app/page.js

@@ -83,7 +83,7 @@ export default function ArticlesPage() {
           </div>
           <div class="post">
             <div class="usercard">
-              <img src="http://github.com/sh20raj.png" alt="" />
+              <img src="http://github.com/the-shade-project.png" alt="" />
               <div class="username">
                 <a href="http://github.com/sh20raj">
                   <span class="tomato">@</span>SH20RAJ