Wrap přetékajících tagů

sass/_tags.scss

@@ -1,11 +1,14 @@
-.taglist .tag {
-	margin-right: $tag-margin-right;
+.taglist{
+	flex-wrap: wrap;
+
+	.tag {
 		background: $tag-background;
 		color: $tag-color;
 		border-radius: $tag-border-radius;
 		border: 1px solid #aaa;
 		font-size: $tag-font-size;
 		display: inline-block;
+		margin: .2rem $tag-spacing;
 
 		a {
 			display: block;
@@ -18,12 +21,8 @@
 			}
 		}
 	}
+}
 .taglist.centering {
 	justify-content: center;
-	flex-wrap: wrap;
-
-	.tag {
-		margin-bottom: .5rem;
-		text-transform: capitalize;
-	}
+	.tag { text-transform: capitalize }
 }

sass/_variables.scss

@@ -19,7 +19,7 @@ $anchor-hover-color:lighten($primary, 20%);
 // tags
 $tag-background:$secondary;
 $tag-padding:.5em;
-$tag-margin-right:.4em;
+$tag-spacing:.2em;
 $tag-border-radius:5px;
 $tag-color:#000;
 $tag-font-size:.9rem;