diff --git a/src/scss/components/footer/footer-block/_footer-block.scss b/src/scss/components/footer/footer-block/_footer-block.scss index 54ec7d3..49f7fdb 100644 --- a/src/scss/components/footer/footer-block/_footer-block.scss +++ b/src/scss/components/footer/footer-block/_footer-block.scss @@ -23,7 +23,6 @@ .iati-footer-block__content { font-weight: 600; :where(p, li) { - line-height: 1.375; margin: 0; } a { @@ -37,14 +36,15 @@ margin: 0; padding: 0; } - > * + * { - margin-block-start: 0.5rem; - } } .iati-footer-block__content--columns { - @media (min-width: $screen-sm) { - columns: 3; - column-gap: 2rem; + display: flex; + flex-wrap: wrap; + gap: 2rem; + align-items: flex-start; + + & > * { + flex-grow: 1; } } diff --git a/src/scss/components/footer/footer-block/footer-block.stories.ts b/src/scss/components/footer/footer-block/footer-block.stories.ts index 7f95918..125ad13 100644 --- a/src/scss/components/footer/footer-block/footer-block.stories.ts +++ b/src/scss/components/footer/footer-block/footer-block.stories.ts @@ -36,18 +36,18 @@ export const AdditionInfo: Story = { `, };