author

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);

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%;