main: fix footer finally

main/styleguide/source/css/organisms/footer.pcss

@@ -25,19 +25,18 @@
 .footer__main-links {
   grid-area: main-links;
 
-  .footer__main--link {
-    @apply mt-6 w-fit xl:mr-2
-  }
-
   ul {
-    display: grid;
-    grid-auto-columns: minmax(160px, auto);
-    grid-auto-flow: column;
-    grid-gap: 10px;
-    grid-template-rows: repeat(12, 40px);
+    display: flex;
+    flex-flow: row wrap;
+    max-height: 320px;
+    writing-mode: vertical-lr; /* workaround for long-living bug https://stackoverflow.com/a/39102894/7113416 */
 
-    @screen sm {
-      grid-template-rows: repeat(6, 40px);
+    li {
+      display: block;
+      height: 40px;
+      line-height: 40px;
+      min-width: 150px;
+      writing-mode: initial; /* workaround revert from above */
     }
   }
 }