🎨 style: update UI styling

Author: psparwez

app/_components/Hero.tsx

@@ -74,7 +74,7 @@ export default function Hero({ setActiveTab }: HeroProps) {
                         </p>
                     </div>
 
-                    <div className="flex justify-between gap-2 items-center">
+                    <div className="flex justify-between gap-1 items-center">
                         <a
                             href="/resume.pdf"
                             target="_blank"

app/_components/contact.tsx

@@ -52,7 +52,7 @@ export default function Contact() {
                     isSubmitting ? (
                         <>
                             <Card>
-                                <CardContent className="flex flex-col items-center justify-center h-full">
+                                <CardContent className="flex min-h-80 flex-col items-center justify-center h-full">
                                     <Spinner size={25} />
                                 </CardContent>
                                 <CardHeader>

app/_components/experience.tsx

@@ -18,7 +18,7 @@ export default function Experience() {
                             <CardHeader>
                                 <div className="flex justify-between flex-col sm:flex-row items-start gap-1">
                                     <div>
-                                        <CardTitle className="text-base sm:text-lg font-medium">{job.title}</CardTitle>
+                                        <CardTitle className="text-lg font-medium">{job.title}</CardTitle>
                                         <CardDescription className="text-lg font-medium text-primary">{job.company}</CardDescription>
                                     </div>
                                     <div className="sm:text-right text-sm text-muted-foreground">