From 7870c9fb130b9b66a71b5f029d23bae3a13f4f92 Mon Sep 17 00:00:00 2001 From: Mathias Agerfeld Lenz <32672754+MathiasALenz@users.noreply.github.com> Date: Thu, 7 Apr 2022 12:45:20 +0200 Subject: [PATCH] Updated header image When the screen reached around 1300px in width the image would shrink in width, not height. The image now becomes smaller instead of distorted. --- src/containers/header/header.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/containers/header/header.css b/src/containers/header/header.css index 5795b23be..487771981 100644 --- a/src/containers/header/header.css +++ b/src/containers/header/header.css @@ -111,6 +111,7 @@ .gpt3__header-image img { width: 100%; height: 100%; + object-fit: contain; } @media screen and (max-width: 1050px) { @@ -165,4 +166,4 @@ font-size: 12px; line-height: 16px; } -} \ No newline at end of file +}