diff --git a/components/navbar.jsx b/components/navbar.jsx index a98d19b..ee6d368 100644 --- a/components/navbar.jsx +++ b/components/navbar.jsx @@ -290,7 +290,7 @@ class Navbar extends React.Component {
diff --git a/components/productpage.jsx b/components/productpage.jsx index fd9c99a..f852b83 100644 --- a/components/productpage.jsx +++ b/components/productpage.jsx @@ -1,5 +1,6 @@ import React from "react"; import { ReactSVG } from "react-svg"; +import Image from "next/image"; export default function Productpage(props) { return ( @@ -12,8 +13,8 @@ export default function Productpage(props) { } ${props.smallbg ? "col-lg-5" : "col-lg-6"}`} style={{ backgroundImage: `url(${props.bgurl})` }} > -
- +
+
https://www.prothmann.com/fertigungsverfahren/lasergravur - https://www.prothmann.com/fertigungsverfahren/blechkonstruktion + https://www.prothmann.com/fertigungsverfahren/blechkonstruktionen - https://www.prothmann.com/fertigungsverfahren/baugruppe + https://www.prothmann.com/fertigungsverfahren/baugruppen https://www.prothmann.com/fertigungsverfahren/fügeverfahren - https://www.prothmann.com/fertigungsverfahren/entgraten + https://www.prothmann.com/fertigungsverfahren/entgrattechnik https://www.prothmann.com/materialien diff --git a/styles/globals.scss b/styles/globals.scss index 64a7c06..9bb4351 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -147,6 +147,7 @@ section { @include media-breakpoint-up(lg) { min-height: calc(100vh - (200px - 49px)); + .products-img:first-of-type { min-height: calc(100vh - 49px); } @@ -191,3 +192,11 @@ section { .minh-100vh { min-height: 100vh; } + +.center-icon { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-content: center; + justify-content: center; +} \ No newline at end of file