following tailwindcss best practices

frullah · frullah · commit a70de1ba346a · 2021-11-22T21:49:29.000+07:00
diff --git a/src/components/Layout/Nav.svelte b/src/components/Layout/Nav.svelte
@@ -1,9 +1,7 @@
-
-
 <header
-  class="flex items-center py-1 px-4 border-b-[3px] h-[54px] z-20 fixed inset-x-0 top-0 bg-white"
+	class="fixed inset-x-0 top-0 z-20 flex items-center h-[54px] py-1 px-4 border-b-[3px] bg-white"
 >
-  <div class="mx-auto max-w-screen-sm flex items-center">
-    <a class="text-2xl" href="#home">Fajarullah</a>
-  </div>
+	<div class="flex items-center mx-auto max-w-screen-sm">
+		<a class="text-2xl" href="#home">Fajarullah</a>
+	</div>
 </header>
diff --git a/src/components/Sections/ProfileSection.svelte b/src/components/Sections/ProfileSection.svelte
@@ -26,7 +26,7 @@
 </script>
 
 <section id="home">
-  <div class="max-w-screen-sm mx-auto mt-24 p-4">
+  <div class="mx-auto mt-24 max-w-screen-sm p-4">
     <h1 aria-label="introduction" class="text-2xl text-center mb-4">
       Hi, I am <strong aria-label="my name">Fajarullah</strong>
     </h1>
diff --git a/src/components/Sections/TechnologiesSection.svelte b/src/components/Sections/TechnologiesSection.svelte
@@ -24,8 +24,8 @@
 </script>
 
 <section id="technologies">
-  <div class="mx-auto my-4 p-4 max-w-screen-sm">
-    <h2 class="text-xl text-center mb-4">My Tech Stacks</h2>
+  <div class="mx-auto my-4 max-w-screen-sm p-4">
+    <h2 class="mb-4 text-xl text-center">My Tech Stacks</h2>
     <ul class="flex flex-wrap justify-center">
       {#each usedTechnologies as usedTechnology}
         <li class="mx-1 mb-2">
