diff options
Diffstat (limited to 'src/components/organisms/KeywordsList.astro')
-rw-r--r-- | src/components/organisms/KeywordsList.astro | 11 |
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); |