diff --git a/main/styleguide/source/css/organisms/footer.pcss b/main/styleguide/source/css/organisms/footer.pcss index 3cd3f4ade0582dde583579aff2b548327ed31353..ac1106ccbe4c25ebf88b81437011099473d20683 100644 --- a/main/styleguide/source/css/organisms/footer.pcss +++ b/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 */ } } }