| @@ -39,7 +39,9 @@ export const createLogoWall = ({ | |||||
| if (logos && logos.length > 0) { | if (logos && logos.length > 0) { | ||||
| logos.forEach(logo => { | logos.forEach(logo => { | ||||
| const logoWrapper = createElement('div', ['logo-item'], null, logoGrid); | 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.src = logo.src; | ||||
| logoImg.alt = logo.alt; | logoImg.alt = logo.alt; | ||||
| }); | }); | ||||
| @@ -27,6 +27,7 @@ | |||||
| grid-template-columns: repeat(3, 1fr); | grid-template-columns: repeat(3, 1fr); | ||||
| } | } | ||||
| a, | |||||
| .logo-item { | .logo-item { | ||||
| height: 5rem; | height: 5rem; | ||||
| max-width: 15rem; | max-width: 15rem; | ||||
| @@ -36,7 +37,9 @@ | |||||
| @media (max-width: 600px) { | @media (max-width: 600px) { | ||||
| height: 2.5rem; | height: 2.5rem; | ||||
| } | } | ||||
| } | |||||
| .logo-item { | |||||
| img { | img { | ||||
| max-width: 100%; | max-width: 100%; | ||||
| max-height: 100%; | max-height: 100%; | ||||
| @@ -749,7 +749,7 @@ section.marketingheader{ | |||||
| padding: 0 var(--container-padding); | padding: 0 var(--container-padding); | ||||
| max-width: 100%; | max-width: 100%; | ||||
| margin: 0 auto; | margin: 0 auto; | ||||
| @media screen and (min-width:901px) { | |||||
| @media screen and (min-width:1000px) { | |||||
| position: absolute; | position: absolute; | ||||
| *{ | *{ | ||||
| color:white; | color:white; | ||||