From 45c6b67f578ffc8ac6330f649da6e34e22f598ce Mon Sep 17 00:00:00 2001 From: pipercucu Date: Mon, 8 Jan 2024 22:29:29 -0400 Subject: [PATCH] remove scroll indicator bouncie arrow on mobile --- src/components/Hero.css | 32 +++++++++++++++++--------------- 1 file changed, 17 insertions(+), 15 deletions(-) diff --git a/src/components/Hero.css b/src/components/Hero.css index 2c01fb8..84d27cc 100644 --- a/src/components/Hero.css +++ b/src/components/Hero.css @@ -16,21 +16,23 @@ } } -.hero::before { - animation: bounce 1s ease infinite; - bottom: 2rem; - color: var(--primary); - content: "╲╱"; - font-size: 2rem; - height: 4rem; - left: 50%; - letter-spacing: -1px; - line-height: 4rem; - margin-left: -3rem; - opacity: 0.8; - position: absolute; - text-align: center; - width: 6rem; +@media (min-width: 801px) { + .hero::before { + animation: bounce 1s ease infinite; + bottom: 2rem; + color: var(--primary); + content: "╲╱"; + font-size: 2rem; + height: 4rem; + left: 50%; + letter-spacing: -1px; + line-height: 4rem; + margin-left: -3rem; + opacity: 0.8; + position: absolute; + text-align: center; + width: 6rem; + } } @keyframes bounce {