diff --git a/src/App/App.css b/src/App/App.css
index 4f269e3b871926f831e64dc8ea9dad4b7fd2be1d..b0025ed00e4debe06cb678e584ad06b5fc9a0e79 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 ef2e16f1fc937b9333f75ff27b788132dd0ca52b..a65e394fb44a0f8567f106206bd372e87e383563 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 f6340892926d88d50004e0f0239ff88a82b64c89..a12921388bbd197ddd13b92dd575c79e76c98c07 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 58c9cb73d982433c195bf0f9bce6c8a01ecca133..7e21309be4b094d14b99187ce120df5d78c978b0 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 453ab5cd5c7df3e2b77c5221d1361059f1539416..e7fb678dd0d6c12095782c08b1e8f2eede3a7934 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 b4b407c4b0c4f41d1be1d59533b04b5ed10460a3..c2f480fe16859c9f772c97b43e7c839196c784ad 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 572801a63903d03d9b64e9eb10327c509b441bb8..0bf81138374591a9855784aa8b991b621da5b2fd 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 adfa7565708c885971257184953a0fb0b0d73a75..13ae99dae1bbb87ecc12239c5050e03d9fd8ccbb 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 8ad472d8f7b5802d3c951b68f1d6edeb967fd0da..fde23cac11b97e0337ee09227fe9bdb64ec31fb1 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 8397c77911c12cf98139bd8c6e9e1359d2006159..8a027dd22a34ddaa51199781d814a5a308be19b2 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 f43228883f3bcf7fa4af5c4dd37bce8cdfdf8dbd..23a3064e7861f97503503ad7309196a221f17449 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">