style: Use h1 as the main Heading

style: Update text styles, and use Tailwind colors and spacing
open-sauced · Jul 8, 2022 · a79ea32 · a79ea32
1 parent 8d2d657
commit a79ea32
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/organisms/header/header.tsx b/components/organisms/header/header.tsx
@@ -22,9 +22,9 @@ const Header: React.FC = () => {
         />
       </div>
       <div className="header-info flex flex-col grow justify-center p-2">
-        <Title level={3} className="font-extrabold">Hacktoberfest 2022</Title>
-        <Text className="mb-5">Open source projects and samples for Microsoft</Text> {/* Find out what this means */}
-        <div className="flex">
+        <Title level={1} className="!text-3xl font-semibold tracking-tight text-slate-900">Hacktoberfest 2022</Title>
+        <Text className="mt-1 !text-base font-medium text-slate-500">Open source projects and samples for Microsoft.</Text> {/* Find out what this means */}
+        <div className="flex mt-4">
           <FilterCard filterName="hacktoberfest" hashtagIcon />
           {filterorg && <FilterCard filterName={filterorg as string} bgColor="white"/>}
         </div>