Merge branch 'main' into building

app/page.tsx

@@ -41,8 +41,7 @@ export default function Home() {
               </li>
               <li>
                 I&apos;m a <strong>coding enthusiast </strong>always trying to
-                learn and leveling up my skills through side projects and online
-                courses.
+                learn and leveling up my skills.
               </li>
             </ul>
           </CardContent>
@@ -72,7 +71,7 @@ export default function Home() {
           </CardHeader>
           <CardContent className="grid grid-cols-3 justify-between">
             <div className="col-span-2 flex flex-wrap justify-start text-start">
-              <L>Learn More About Me</L>
+              <L>Learn About Me</L>
               <Muted>My skills, experiences and techstack.</Muted>
             </div>
             <div className="col-span-1 flex justify-end items-center">

components/pages/greeting-card.tsx

@@ -21,13 +21,13 @@ export const GreetingCard: React.FC<Props> = ({ className }) => {
       <CardHeader className="p-1 pr-4 justify-end">
         <SMuted className="font-mono text-end">hello</SMuted>
       </CardHeader>
-      <CardContent className="grid gap-2 grid-cols-3 justify-center lg:justify-start items-center p-4 pt-0">
+      <CardContent className="place-self-center grid gap-2 grid-cols-3 justify-center lg:justify-start items-center  p-4 pt-0">
         <div className="flex col-span-3 md:col-span-1 justify-center lg:justify-start p-2">
           <Image
             src="/img/avatar.png"
             alt="Lennard Zündorf profile picture"
-            width={200}
-            height={200}
+            width={250}
+            height={250}
             className="rounded-md border bg-muted transition-colors"
             priority
           />