Added a rule to make text bigger on larger screens

Author: AH-Avalanche

src/theme/DocItem/Layout/index.tsx

@@ -50,7 +50,7 @@ export default function DocItemLayout({ children }: Props): JSX.Element {
       <div className={clsx('col', !docTOC.hidden && styles.docItemCol)}>
         <DocVersionBanner />
         <div className={styles.docItemContainer}>
-          <article className="prose prose-lg  max-w-none leading-relaxed">
+          <article className="prose md:prose xl:prose-lg max-w-none leading-relaxed">
             <DocBreadcrumbs />
             <DocVersionBadge />
             {docTOC.mobile}

src/theme/MDXPage/index.js

@@ -28,7 +28,7 @@ export default function MDXPage(props) {
         <main className="container container--fluid margin-vert--lg">
           <div className={clsx('row', styles.mdxPageWrapper)}>
             <div className={clsx('col', !hideTableOfContents && 'col--7')}>
-              <article className="prose prose-lg max-w-none leading-relaxed">
+              <article className="prose lg:prose-xl max-w-none leading-relaxed">
                 <MDXContent>
                   <MDXPageContent />
                 </MDXContent>