diff --git a/gfi-ihk-2024/stories/components/magazine-article/MagazineArticleComponent.js b/gfi-ihk-2024/stories/components/magazine-article/MagazineArticleComponent.js index b077329..6080f19 100644 --- a/gfi-ihk-2024/stories/components/magazine-article/MagazineArticleComponent.js +++ b/gfi-ihk-2024/stories/components/magazine-article/MagazineArticleComponent.js @@ -19,6 +19,7 @@ export const createMagazineArticle = ({ if (addArticleComponents) { createElement('p', ['kicker'], kicker, article); createElement('h1', [], headline, article); + createElement('p', ['author-date'], 'von Martina Mustermann | 15.02.2025', article); article.appendChild(createAnchorLinks({titles: ['Lorem ipsum dolor sit', 'Consectetur adipisicing elit']})) const richText = createElement('div', ['richtext'], null, article); createElement('p', ['initial'], lorem1, richText); diff --git a/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss b/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss index 0485511..902fa0e 100644 --- a/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss +++ b/gfi-ihk-2024/stories/components/magazine-article/magazine-article.scss @@ -29,6 +29,17 @@ margin-bottom: 1em; } + .author-date { + margin: -18px 0; + @media(max-width: 999px) { + margin-top: -8px; + } + @media(max-width: 767px) { + font-size: 18px; + margin-top: -4px; + } + } + .image-box { img { max-width: 100%;