From 1d4363f22b5ee8b66825ec175fd7b703b3514025 Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Thu, 19 Jan 2023 12:03:33 -0500 Subject: [PATCH] Mobile adjustments --- src/layouts/partials/mobile-art-home.html | 4 ++-- src/static/css/typography.css | 6 ++++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/layouts/partials/mobile-art-home.html b/src/layouts/partials/mobile-art-home.html index befc964..71a2a3a 100644 --- a/src/layouts/partials/mobile-art-home.html +++ b/src/layouts/partials/mobile-art-home.html @@ -5,7 +5,7 @@ width:57vw; height: 19.3vw; left: 6.8vw; - margin-top:173vw; + margin-top:161.8vw; z-index: 1; background-image: url("/Images/gen-art/orange-pattern.jpg"); background-position: center; @@ -18,7 +18,7 @@ width:36vw; height: 19.3vw; right: 6.8vw; - margin-top:183vw; + margin-top:171.5vw; z-index: 3; background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg"); background-position: center; diff --git a/src/static/css/typography.css b/src/static/css/typography.css index b109981..ba58c2c 100644 --- a/src/static/css/typography.css +++ b/src/static/css/typography.css @@ -264,8 +264,10 @@ a:hover{ @media only screen and (max-width: 576px) { .impact{ - font-size: 22vw !important; - line-height: 22vw !important; + font-size: 12vw !important; + line-height: 13.3vw!important; + margin-top: 0vw !important; + margin-bottom: 2vw !important; } h1{