Correction des tags sur plusieurs colonnes

layouts/_default/taxonomy.html

@@ -1,10 +1,10 @@
 {{ define "main" }}
   <h1>{{ .Title }}</h1>
   {{ .Content }}
-    <div class="taxonomy">
-    <ul>
+    <div>
+    <ul class="taxonomy-list">
     {{ range .Pages }}
-      <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+      <li class="taxonomy-item"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
     {{ end }}
     </ul>
     </div>

src/scss/_component.scss

@@ -262,10 +262,13 @@ figure > figcaption h4 {
 
 }
 
-.taxonomy {
-  -webkit-column-width: 200px;
-  -moz-column-width: 200px;
-  column-width: 200px;
+.taxonomy-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fit,minmax(150px, 1fr));
+}
+
+.taxonomy-item {
+  width: 80%;
 }
 
 .ais-SearchBox {

static/css/theme.css

@@ -985,10 +985,13 @@ figure > figcaption h4 {
   margin-left: 10rem;
 }
 
-.taxonomy {
-  -webkit-column-width: 150px;
-  -moz-column-width: 150px;
-  column-width: 150px;
+.taxonomy-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+}
+
+.taxonomy-item {
+  width: 80%;
 }
 
 .ais-SearchBox .ais-SearchBox-input {