From 8c2a1b8cc6836341a4354bd0146a816d1bdc38a2 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <lsanfilippo@techfak.uni-bielefeld.de>
Date: Thu, 14 Nov 2024 17:52:20 +0100
Subject: [PATCH] Actually fixed button placement & made some css easier
---
src/App/App.css | 17 +++---
src/components/Footer.tsx | 22 +++----
src/components/Pdfs.tsx | 2 +-
.../Further Engagement/Collaborations.tsx | 2 +-
.../Further Engagement/Education.tsx | 2 +-
.../Further Engagement/Entrepreneurship.tsx | 2 +-
.../Further Engagement/Outreach.tsx | 2 +-
src/contents/Human Practices/IHP.tsx | 8 +--
src/contents/Human Practices/Introduction.tsx | 2 +-
src/contents/example.tsx | 8 +--
src/contents/partners.tsx | 58 +++++++++----------
11 files changed, 63 insertions(+), 62 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index 4f269e3b..b0025ed0 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -680,17 +680,18 @@ img .middle{
.spin:hover{
transform: rotate(360deg);
}
+
+.side-margins-auto {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
.img-sponsor{
max-width: 70%;
max-height: 150px;
- margin-left: auto;
- margin-right: auto;
}
.img-sponsor-partner-page{
max-width: 70%;
max-height: 100px;
- margin-left: auto;
- margin-right: auto;
padding-bottom: 10px;
padding-top: 10px;
}
@@ -2999,11 +3000,8 @@ button {
margin-top: var(--simple-margin) !important;
margin-bottom: var(--simple-margin) !important;
border-radius: var(--border-radius) !important;
- cursor: pointer;
- margin-left: auto !important;
- margin-right: auto !important;
+ cursor: pointer;
text-align: center;
- display: grid;
}
.btn1{
padding: var(--button-padding) var(--small-padding) !important;
@@ -3023,6 +3021,9 @@ button {
color: var(--ourbeige);
transition: all 0.3s;
position: relative;
+ display: grid;
+ margin-left: auto !important;
+ margin-right: auto !important;
}
.btn-one::before {
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index ef2e16f1..a65e394f 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -70,37 +70,37 @@ export function Footer() {
<div className="col-4 footer-slider">
<SimpleSlider>
<a className="sponsor-container" href="https://www.plasmidfactory.com/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
</a>
<a className="sponsor-container" href="http://www.zeiss.de/naturwissenschaften">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/zeiss.png" />
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/zeiss.png" />
</a>
<a className="sponsor-container" href="https://www.jenabioscience.com/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/jbs-dunkelgruen-text.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/jbs-dunkelgruen-text.png"/>
</a>
<a className="sponsor-container" href="https://www.gip.com/home/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
</a>
<a className="sponsor-container" href="https://www.integra-biosciences.com">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/integra-hinterlegt.jpeg" />
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/integra-hinterlegt.jpeg" />
</a>
<a className="sponsor-container" href="https://www.uni-bielefeld.de/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png"/>
</a>
<a className="sponsor-container" href="www.snapgene.com">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
</a>
<a className="sponsor-container" href="https://bts-ev.de/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
</a>
<a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/arbeitsgruppen/multiscale-bioengineering/campusbrauerei/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei.png"/>
</a>
<a className="sponsor-container" href="www.idtdna.com">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
</a>
<a className="sponsor-container" href="https://www.cebitec.uni-bielefeld.de/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
</a>
</SimpleSlider>
</div>
diff --git a/src/components/Pdfs.tsx b/src/components/Pdfs.tsx
index f6340892..a1292138 100644
--- a/src/components/Pdfs.tsx
+++ b/src/components/Pdfs.tsx
@@ -33,7 +33,7 @@ export function TwoLinePDF({link, name}: {link: string, name:string}){
export default function BFHpdf(){
return(
<>
- <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
+ <div className="row align-items-center" >
<div className="col">
<ButtonOne text="Flyers" open="flyers"></ButtonOne>
</div>
diff --git a/src/contents/Human Practices/Further Engagement/Collaborations.tsx b/src/contents/Human Practices/Further Engagement/Collaborations.tsx
index 58c9cb73..7e21309b 100644
--- a/src/contents/Human Practices/Further Engagement/Collaborations.tsx
+++ b/src/contents/Human Practices/Further Engagement/Collaborations.tsx
@@ -8,7 +8,7 @@ export function HPCollabs(){
return (
<div className="col">
- <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
+ <div className="row align-items-center">
<div className="col ">
<ButtonOne openclass="coll-cycletab" text="Overview" open="coll-overview"></ButtonOne>
</div>
diff --git a/src/contents/Human Practices/Further Engagement/Education.tsx b/src/contents/Human Practices/Further Engagement/Education.tsx
index 453ab5cd..e7fb678d 100644
--- a/src/contents/Human Practices/Further Engagement/Education.tsx
+++ b/src/contents/Human Practices/Further Engagement/Education.tsx
@@ -14,7 +14,7 @@ export function HPEducation(){
useTabNavigation();
return(
<div className="col">
- <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
+ <div className="row align-items-center" >
<div className="col">
<ButtonOneWithScroll openclass="edu-cycletab" text="Overview" open="edu-overview" scrollId="edu-heading"/>
</div>
diff --git a/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx b/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx
index b4b407c4..c2f480fe 100644
--- a/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx
+++ b/src/contents/Human Practices/Further Engagement/Entrepreneurship.tsx
@@ -7,7 +7,7 @@ export function HPEntrepreneur(){
useTabNavigation();
return(
<div className="col">
- <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
+ <div className="row align-items-center" >
<div className="col ">
<ButtonOneWithScroll openclass="ent-cycletab" text="Overview" open="ent-overview" scrollId="ent-heading"/>
</div>
diff --git a/src/contents/Human Practices/Further Engagement/Outreach.tsx b/src/contents/Human Practices/Further Engagement/Outreach.tsx
index 572801a6..0bf81138 100644
--- a/src/contents/Human Practices/Further Engagement/Outreach.tsx
+++ b/src/contents/Human Practices/Further Engagement/Outreach.tsx
@@ -8,7 +8,7 @@ export function HPOutreach(){
useTabNavigation();
return(
<div className="col">
- <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
+ <div className="row align-items-center" >
<div className="col ">
<ButtonOne openclass="out-cycletab" text="Overview" open="out-overview"></ButtonOne>
</div>
diff --git a/src/contents/Human Practices/IHP.tsx b/src/contents/Human Practices/IHP.tsx
index adfa7565..13ae99da 100644
--- a/src/contents/Human Practices/IHP.tsx
+++ b/src/contents/Human Practices/IHP.tsx
@@ -30,7 +30,7 @@ export function HPIntegrated(){
<li><b>Third-Party Feedback Templates </b>- To introduce the stakeholders, summarize the interactions and implement the output in our project.</li>
<li><b>Cycle of Reflection</b> - According to Gibbs demonstrate the response and implementation as a part of our feedback cycle.</li>
</ol>
- <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
+ <div className="row align-items-center">
<div className="col">
<ButtonOneWithScroll text="Stakeholder Management" scrollId="stakeH" open="stakemamange" openclass="framecycletab"></ButtonOneWithScroll>
</div>
@@ -41,7 +41,7 @@ export function HPIntegrated(){
<ButtonOneWithScroll text="SWOT analysis" scrollId="swotH" open="swot" openclass="framecycletab"></ButtonOneWithScroll>
</div>
</div>
- <div className="row align-items-center" style={{marginBottom: "5vh"}}>
+ <div className="row align-items-center">
<div className="col">
<ButtonOneWithScroll scrollId="areaH" text="Feedback Cycle" open="area" openclass="framecycletab"></ButtonOneWithScroll>
</div>
@@ -228,7 +228,7 @@ export function HPIntegrated(){
</p>
<SWOTone/>
- <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "1vh"}}>
+ <div className="row align-items-center">
<div className="col ">
<ButtonOne text="Patients" open="pats" openclass="subcycletab"></ButtonOne>
</div>
@@ -242,7 +242,7 @@ export function HPIntegrated(){
<ButtonOne text="Healthcare" open="healths" openclass="subcycletab"></ButtonOne>
</div>
</div>
- <div className="row align-items-center" style={{ marginBottom: "5vh"}}>
+ <div className="row align-items-center">
< div className="col ">
<ButtonOne text="Government" open="govs" openclass="subcycletab"></ButtonOne>
</div>
diff --git a/src/contents/Human Practices/Introduction.tsx b/src/contents/Human Practices/Introduction.tsx
index 8ad472d8..fde23cac 100644
--- a/src/contents/Human Practices/Introduction.tsx
+++ b/src/contents/Human Practices/Introduction.tsx
@@ -14,7 +14,7 @@ export function HPIntroduction(){
<Section title="Introduction" id="Introduction">
<H5 text="- Connecting our project to real life -"/>
<BlockQuoteB text="Science and everyday life cannot and should not be separated." cite="Rosalind Franklin"/>
- <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "1vh"}}>
+ <div className="row align-items-center">
<div className="col ">
<ButtonOne openclass="intro-cycletab" text="Our Understanding of HP" open="understanding"></ButtonOne>
</div>
diff --git a/src/contents/example.tsx b/src/contents/example.tsx
index 8397c779..8a027dd2 100644
--- a/src/contents/example.tsx
+++ b/src/contents/example.tsx
@@ -168,16 +168,16 @@ export function Example() {
<p> Add a dummy sponsor to this slider.</p>
<SimpleSlider>
<a className="sponsor-container" href="https://bts-ev.de/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
</a>
<a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/arbeitsgruppen/multiscale-bioengineering/campusbrauerei/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/>
</a>
<a className="sponsor-container" href="www.idtdna.com">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
</a>
<a className="sponsor-container" href="https://www.cebitec.uni-bielefeld.de/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
</a>
</SimpleSlider>
</div>
diff --git a/src/contents/partners.tsx b/src/contents/partners.tsx
index f4322888..23a3064e 100644
--- a/src/contents/partners.tsx
+++ b/src/contents/partners.tsx
@@ -96,34 +96,34 @@ export function Partners() {
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.zymoresearch.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/zymo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/zymo.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.stemcell.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/stemcell-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/stemcell-logo.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.plasmidfactory.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
</a>
</div>
</div>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.drwolffgroup.com/en/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/logo-wolff.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/logo-wolff.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://snapgene.com">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://bio.nrw.de/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/bionrw-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/bionrw-logo.png"/>
</a>
</div>
</div>
@@ -136,17 +136,17 @@ export function Partners() {
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.promega.com">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/promega-gelb.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/promega-gelb.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.microsynth.com">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/microsynth-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/microsynth-logo.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.neb.com/en/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/neb-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/neb-logo.png"/>
</a>
</div>
</div>
@@ -165,43 +165,43 @@ export function Partners() {
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.gip.com/home/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.jenabioscience.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/jbs-dunkelgruen-text.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/jbs-dunkelgruen-text.png"/>
</a>
</div>
</div>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://v-bio.ventures/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/vbio-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/vbio-logo.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.mn-net.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/mn-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/mn-logo.png"/>
</a>
</div>
</div>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.fiz-biotech.de/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/fiz-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/fiz-logo.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.cellsignal.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/cell-signaling-technology-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/cell-signaling-technology-logo.png"/>
</a>
</div>
</div>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://gasb.de/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/gasb-logo.jpg"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/gasb-logo.jpg"/>
</a>
</div>
</div>
@@ -214,41 +214,41 @@ export function Partners() {
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.asimov.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/asimov-colorful.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/asimov-colorful.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/arbeitsgruppen/multiscale-bioengineering/campusbrauerei/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://algenium.de/algenium/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/algenium.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/algenium.png"/>
</a>
</div>
</div>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://2024.igem.wiki/gu-frankfurt/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/logos-team/other-teams/gu-frankfurt-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/logos-team/other-teams/gu-frankfurt-logo.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://bts-ev.de/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
+ <img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://2024.igem.wiki/hamburg/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/logos-team/other-teams/igem-hamburg-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/logos-team/other-teams/igem-hamburg-logo.png"/>
</a>
</div>
</div>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.stud-scicom.de/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/studscicom-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/studscicom-logo.png"/>
</a>
</div>
</div>
@@ -279,22 +279,22 @@ export function Partners() {
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.carlroth.de/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/roth.jpg"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/roth.jpg"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/techfak.jpg"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/techfak.jpg"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.sarstedt.com/en/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/sarstedt-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/sarstedt-logo.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://cordenpharma.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/corden-pharma-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/corden-pharma-logo.png"/>
</a>
</div>
</div>
@@ -304,12 +304,12 @@ export function Partners() {
</div>
<div className="col">
<a className="sponsor-container" href="https://www.capricorn-scientific.com/en">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/capricorn-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/capricorn-logo.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.twistbioscience.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/twist-bioscience-logo.png"/>
+ <img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/twist-bioscience-logo.png"/>
</a>
</div>
<div className="col">
--
GitLab