From 3e011c25a49074d2825a64b2864ef46dbac8a0c8 Mon Sep 17 00:00:00 2001
From: Meera Bobzin <meerachantelle.bobzin@uzh.ch>
Date: Wed, 2 Oct 2024 12:29:43 +0000
Subject: [PATCH] Animation adapting to small screen size
---
static/style.css | 7 +++----
1 file changed, 3 insertions(+), 4 deletions(-)
diff --git a/static/style.css b/static/style.css
index 211773c..38655d8 100644
--- a/static/style.css
+++ b/static/style.css
@@ -495,8 +495,8 @@ a[href^="#ref"] { /* Styling all hyperlinks */
#moving-bacterium {
width: 100%;
height: 100%;
- transform: translateX(20px); /* Shift the animation 20px to the right */
- transform: translateY(-40px);
+ transform: translateX(20px);
+ transform: translateY(-50px);
}
}
@@ -513,8 +513,7 @@ a[href^="#ref"] { /* Styling all hyperlinks */
width: 100%;
height: 100%;
margin-top: 200px;
- transform: translateY(40px);
- transform: translateY(-40px);
+ transform: translateX(0);
}
}
--
GitLab