Use flexbox

src/pages/index.astro

@@ -33,10 +33,10 @@ const links = {
     <p>el gato 🤯 🤯</p>
   </main>
 
-  <footer class="text-sm my-2">
+  <footer class="flex flex-row space-x-1 my-2 text-sm">
     {
       Object.entries(links).map(([name, { alt, href }], i) => [
-        i ? " · " : "",
+        i ? <span>·</span> : null,
         <a href={href} title={alt} set:text={name} />,
       ])
     }