From cc0c113f691a978ac7fa9d43ed3010918b48627e Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Thu, 26 Sep 2024 13:16:33 +0200
Subject: [PATCH] gif center
---
src/App/App.css | 11 +++++++++++
src/contents/description.tsx | 4 +++-
2 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/src/App/App.css b/src/App/App.css
index 78dc0246..cb9f24c7 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -3865,4 +3865,15 @@ height: min-content !important;
letter-spacing: 1px;
text-transform: uppercase;
align-self: center;
+}
+
+.gif{
+ align-self: center;
+ display: inline;
+}
+
+.gif-wrapper{
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
\ No newline at end of file
diff --git a/src/contents/description.tsx b/src/contents/description.tsx
index ce5b2f1b..264867be 100644
--- a/src/contents/description.tsx
+++ b/src/contents/description.tsx
@@ -80,7 +80,9 @@ export function Description() {
</div>
<div className="col">
<p>Text about CFTR <LoremMedium/></p>
- <img src="https://static.igem.wiki/teams/5247/fanzor/cftr-wt.gif"></img>
+ <div className="col gif-wrapper">
+ <img className="fanzor gif" src="https://static.igem.wiki/teams/5247/fanzor/cftr-wt.gif"></img>
+ </div>
</div>
</div>
</Subesction>
--
GitLab