adjust sponsors on multiple

codercatdev · codercatdev · commit 09ae7a020585 · 2022-06-28T19:29:43.000-04:00
diff --git a/frontend/main/src/components/SponsorCards.tsx b/frontend/main/src/components/SponsorCards.tsx
@@ -13,11 +13,11 @@ export default function SponsorCards({
         <h2 className="w-full p-2 m-0 text-2xl font-bold 2xl:p-4 rounded-t-md 2xl:shrink-0 bg-primary-900 dark:bg-primary-900 text-basics-50">
           {`Sponsors`}
         </h2>
-        <div className="flex flex-col">
+        <div className="flex flex-wrap">
           {sponsors.map((s, i) => (
             <div className="p-2" key={i}>
               <a href={s.url} rel="noreferrer noopener" target="_blank">
-                <div className="max-w-md rounded-lg shadow-lg bg-primary-50 dark:bg-primary-500">
+                <div className="w-full rounded-lg shadow-lg bg-primary-50 dark:bg-primary-500">
                   <div className="p-2">
                     <div
                       style={{
diff --git a/frontend/main/src/layout/PostLayout.tsx b/frontend/main/src/layout/PostLayout.tsx
@@ -214,9 +214,9 @@ export default function PostLayout({
         )}
         {/* RECENTS */}
         {recentPosts && (
-          <section className="flex flex-col w-full mb-2 xl:ml-2">
+          <section className="flex flex-col w-full max-w-sm mb-2 xl:ml-2">
             {post?.sponsors && (
-              <section>
+              <section className="pb-2">
                 <SponsorCards sponsors={post.sponsors} />
               </section>
             )}
