diff --git a/gfi-ihk-2024/stories/components/logo-wall/LogoWallComponent.js b/gfi-ihk-2024/stories/components/logo-wall/LogoWallComponent.js index 476ff3e..57270ef 100644 --- a/gfi-ihk-2024/stories/components/logo-wall/LogoWallComponent.js +++ b/gfi-ihk-2024/stories/components/logo-wall/LogoWallComponent.js @@ -39,7 +39,9 @@ export const createLogoWall = ({ if (logos && logos.length > 0) { logos.forEach(logo => { const logoWrapper = createElement('div', ['logo-item'], null, logoGrid); - const logoImg = createElement('img', [], null, logoWrapper); + const logoLink = createElement('a', [], null, logoWrapper); + logoLink.href = "#"; + const logoImg = createElement('img', [], null, logoLink); logoImg.src = logo.src; logoImg.alt = logo.alt; }); diff --git a/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss b/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss index fd3226f..1c8f53c 100644 --- a/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss +++ b/gfi-ihk-2024/stories/components/logo-wall/logo-wall.scss @@ -27,6 +27,7 @@ grid-template-columns: repeat(3, 1fr); } + a, .logo-item { height: 5rem; max-width: 15rem; @@ -36,7 +37,9 @@ @media (max-width: 600px) { height: 2.5rem; } + } + .logo-item { img { max-width: 100%; max-height: 100%; diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss index 9d211a6..d64e21e 100644 --- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss +++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss @@ -749,7 +749,7 @@ section.marketingheader{ padding: 0 var(--container-padding); max-width: 100%; margin: 0 auto; - @media screen and (min-width:901px) { + @media screen and (min-width:1000px) { position: absolute; *{ color:white;