txarli/txarli.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make tags container flex

Browse Source
This commit is contained in:
Cassidy Williams
2024-01-27 00:02:20 -06:00
parent 3cfb38bde4
commit c4b09be8bc
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Tags.astro
View File

@@ -3,7 +3,7 @@ const { tags, all } = Astro.props;
--- ---
{all && <h3>View posts by tag</h3>} {all && <h3>View posts by tag</h3>}
<div> <div class="tags">
{ {
tags && tags &&
tags.map((tag) => ( tags.map((tag) => (

5
src/style/global.css
View File

@@ -146,6 +146,11 @@ ul.tags-list {
font-size: 1.3em; font-size: 1.3em;
} }
.tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tag { .tag {
display: inline-block; display: inline-block;
margin-right: 20px; margin-right: 20px;