Responsiveness

Author: wzrdx

src/components/layout/Content.tsx

@@ -26,17 +26,15 @@ function Content() {
 
     return (
         <div className="col mx-auto h-full max-w-6xl gap-8 px-8 lg:gap-12 lg:px-10">
-            <div className="flex flex-col-reverse items-center justify-between gap-8 lg:flex-row lg:items-start lg:gap-8">
+            <div className="flex justify-between gap-8 lg:gap-8">
                 <div className="col gap-1.5">
                     {!!title && (
-                        <div className="row justify-center lg:justify-start">
+                        <div className="row">
                             <div className="text-[26px] font-bold leading-none lg:text-[28px]">{title}</div>
                         </div>
                     )}
 
-                    {!!description && (
-                        <div className="text-center text-base text-slate-500 lg:text-left lg:text-lg">{description}</div>
-                    )}
+                    {!!description && <div className="text-base text-slate-500 lg:text-lg">{description}</div>}
                 </div>
 
                 <div className="flex">