fix: changes

src/lib/project/GenericCard/GenericCard.svelte

@@ -23,7 +23,7 @@
     background-color: var(--primary-700);
     padding: 40px;
     border-radius: 10px;
-    text-align: justify;
+    text-align: start;
     & > img {
       margin-block: 20px;
     }

src/lib/project/TextCard/TextCard.svelte

@@ -35,7 +35,7 @@
     padding-inline: 40px;
     padding-block: 38px;
     border-radius: 16px;
-    text-align: justify;
+    text-align: start;
     & > .heading {
       margin-block-end: 16px;
     }

src/lib/ui/Footer/Footer.svelte

@@ -21,13 +21,17 @@
       <br />
       <div class="socials">
         <a href={content.socialLinks.facebook}>
-          <img src="/images/Footer/Facebook.svg" alt="facebook" />
+          <img height="35px" src="/images/Footer/Facebook.svg" alt="facebook" />
         </a>
         <a href={content.socialLinks.instagram}>
-          <img src="/images/Footer/Instagram.svg" alt="Instgram" />
+          <img
+            height="35px"
+            src="/images/Footer/Instagram.svg"
+            alt="Instgram"
+          />
         </a>
         <a href={content.socialLinks.twitter}>
-          <img src="/images/Footer/Twitter.svg" alt="Twitter" />
+          <img height="35px" src="/images/Footer/Twitter.svg" alt="Twitter" />
         </a>
       </div>
     </div>
@@ -156,6 +160,7 @@
         & > .socials {
           display: flex;
           gap: 20px;
+          translate: (-10px 0);
         }
         & > .input {
           inline-size: 200px;

src/routes/+page.svelte

@@ -77,13 +77,15 @@
   <section class="form" id="contact">
     <div class="container">
       <form>
-        <Typography type="heading" _color="var(--secondary-900)"
-          >Get in touch</Typography
-        >
-        <div class="spacer" aria-hidden="true"></div>
-        <Typography type="body" _color="var(--secondary-900)"
-          >Our Team would love to hear from you</Typography
-        >
+        <div class="form-header" style:text-align="center">
+          <Typography type="heading" _color="var(--secondary-900)"
+            >Get in touch</Typography
+          >
+          <div class="spacer" aria-hidden="true"></div>
+          <Typography type="body" _color="var(--secondary-900)"
+            >Our Team would love to hear from you</Typography
+          >
+        </div>
         <br />
         <Input
           args={{ variant: "text" }}
@@ -93,7 +95,7 @@
         <br />
         <Input
           args={{ variant: "email" }}
-          l10n={{ label: "", placeholder: "" }}
+          l10n={{ label: "email", placeholder: "" }}
           bind:value={email}
         />
         <br />

src/routes/careers/+page.svelte

@@ -25,15 +25,15 @@
 </script>
 
 <form action="javascript:void(0)">
-  <h1>
+  <h1 style:text-align="center" style:text-transform="uppercase">
     <Typography type="subheading" _color="var(--secondary-900)"
       >Apply for a career at SPS!</Typography
     >
   </h1>
   <div class="spacer" aria-hidden="true"></div>
   <Input
     args={{ variant: "text" }}
-    l10n={{ label: "Name", placeholder: "Marvin McKinney" }}
+    l10n={{ label: "Name", placeholder: "" }}
     bind:value={name}
   />
   <div class="spacer" aria-hidden="true"></div>
@@ -44,7 +44,7 @@
     }}
     l10n={{
       label: "Email",
-      placeholder: "youremail@gmail.com",
+      placeholder: "",
       errorLabel: "invalid email",
     }}
     handlers={{
@@ -60,32 +60,32 @@
   <div class="spacer" aria-hidden="true"></div>
   <Input
     args={{ variant: "text" }}
-    l10n={{ label: "Link to resume", placeholder: "Google drive link" }}
+    l10n={{ label: "Link to resume", placeholder: "" }}
     bind:value={resume}
   />
   <div class="spacer" aria-hidden="true"></div>
   <Input
     args={{ variant: "text" }}
-    l10n={{ label: "Role", placeholder: "eg Marketing lead" }}
+    l10n={{ label: "Role", placeholder: "" }}
     bind:value={role}
   />
   <div class="spacer" aria-hidden="true"></div>
   <Input
     args={{ variant: "text" }}
-    l10n={{ label: "Years of experience", placeholder: "eg 3" }}
+    l10n={{ label: "Years of experience", placeholder: "" }}
     bind:value={years}
   />
   <div class="spacer" aria-hidden="true"></div>
   <Input
     args={{ variant: "text" }}
-    l10n={{ label: "Expected Package", placeholder: "eg 95 LPA" }}
+    l10n={{ label: "Expected Package", placeholder: "" }}
     bind:value={money}
   />
 
   <div class="spacer" aria-hidden="true"></div>
   <Input
     args={{ variant: "textarea" }}
-    l10n={{ label: "Custom Message", placeholder: "Write a message" }}
+    l10n={{ label: "Custom Message", placeholder: "" }}
     bind:value={message}
   />