feat: keywords

Signed-off-by: João Augusto Costa Branco Marado Torres <torres.dev@disroot.org>

1 files changed, 6 insertions, 5 deletions

diff --git a/src/components/organisms/KeywordsList.astro b/src/components/organisms/KeywordsList.astro
index 44c5641..3a1cd20 100644
--- a/src/components/organisms/KeywordsList.astro
+++ b/src/components/organisms/KeywordsList.astro
@@ -6,12 +6,12 @@ interface Props {
 const { keywords } = Astro.props;
 ---
 
-<p>
+<p role="list">
   {
     keywords.map((x) => (
-      <span><a href={`/blog/keywords/${x}`}>#<b itemprop="keywords">{
-            x
-          }</b></a></span>
+      <span role="listitem"><a href={`/blog/keywords/${x}`}>#<b
+            itemprop="keywords"
+          >{x}</b></a></span>
     ))
   }
 </p>
@@ -19,10 +19,11 @@ const { keywords } = Astro.props;
 <style>
   p {
     display: flex;
-    flex-direction: row-reverse;
+    justify-content: flex-end;
     flex-wrap: wrap;
     gap: calc(var(--size-0) * 1em);
     margin-block: calc(var(--size-0) * 1em);
+    margin-inline: auto;
 
     & > * > * {
       border-radius: calc(infinity * 1px);