diff --git a/src/App/App.css b/src/App/App.css index d278a39d09e2eb9644ee357554e075823e5aeb13..79e5a20de2186df7734f28282b77120ad2db1b72 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -3520,4 +3520,8 @@ a{ .hti-abstand{ width: 20px; +} + +.footer-slider .slider-container .slick-slider .slick-initialized .slick-list .slick-track{ + width: 900px !important; } \ No newline at end of file diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 740c176d337bda09df22a777361d5b9dcb83133e..ddb65d691d6f66a85677a07e123b2847897b6f02 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -42,7 +42,7 @@ export function Footer() { <h6 className="alink">Spornsors and partners</h6> </a> </div> - <div className="small-none col"> + <div className="small-none col" style={{paddingLeft: "20px"}}> <h6>Former iGem Bielefeld teams</h6> </div> </div> @@ -62,7 +62,7 @@ export function Footer() { </div> </div> <div className="small-only col-4"></div> - <div className="col-4"> + <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"/> @@ -99,7 +99,7 @@ export function Footer() { </a> </SimpleSlider> </div> - <div className="small-none col-4"> + <div className="small-none col-4" style={{paddingLeft: "30px"}}> <div className=" small-row align-items-center"> <div className="col">