modify content layout

layouts/contentLayout.jsx

@@ -111,7 +111,7 @@ export const ContentLayout = ({ meta, ...props }) => {
       <div className="p-12 flex flex-col lg:flex-row items-start gap-16">
         <TOC />
         <article
-          className="prose prose-lg m-auto container xl:max-w-4xl"
+          className="prose prose-lg m-auto container lg:max-w-[60vw]"
           {...props}
         />
       </div>