diff --git a/src/App/mediarules.css b/src/App/mediarules.css index f22e57d98bb41319745aba9901f57ba6f63d2e14..d89147fae2b5807e8d2e557457487bd352c1f7ba 100644 --- a/src/App/mediarules.css +++ b/src/App/mediarules.css @@ -55,15 +55,15 @@ .container-fluid { min-height: 100vh; /* FÞllt den gesamten Bildschirm aus */ } + /***footer***/ - footer { - padding: 10px; /* Less padding for mobile */ + padding: 10px; } footer a, footer p { - font-size: 14px; /* Adjust font size for mobile */ - line-height: 1.4; /* Adjust line height for readability */ + font-size: 14px; + line-height: 1.4; } footer .social-icons { @@ -73,19 +73,26 @@ } footer .contact-info { - font-size: 12px; /* Smaller text for mobile */ + font-size: 12px; } footer img { - width: 100px; /* Adjust image sizes for mobile */ + width: 100px; height: auto; } + footer a { word-wrap: break-word; overflow-wrap: break-word; } - + + /***gif***/ + .gif-wrapper img { + width: 400px; + height: auto; + } + .row-if-small{ --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; diff --git a/src/contents/description.tsx b/src/contents/description.tsx index 74e88cc23f51820cb96b68f37332b8ab69494dc5..61a136cfd84e9d256e0d5972403f71fdfff29472 100644 --- a/src/contents/description.tsx +++ b/src/contents/description.tsx @@ -92,7 +92,7 @@ export function Description() { <div className="figure-wrapper"> <figure> <div className="col gif-wrapper"> - <img className="fanzor gif" src="https://static.igem.wiki/teams/5247/fanzor/cftr-wt.gif"></img> + <img className="CFTR gif" src="https://static.igem.wiki/teams/5247/fanzor/cftr-wt.gif"></img> </div> <figcaption> <b>Figure x.</b></figcaption> </figure> diff --git a/src/sidebars/engS.tsx b/src/sidebars/engS.tsx index 12dce939ed9a7d47e73fb246a1058dedc5f556ee..1d174782f27b3af8967e3aeaa6962aa834863029 100644 --- a/src/sidebars/engS.tsx +++ b/src/sidebars/engS.tsx @@ -29,7 +29,7 @@ export function EngSide(){ const {goToPageWithTabAndScroll} = useNavigation(); return( - <div className="col-2 d-lg-block" > + <div className="col-2 d-none d-lg-block" > <br/> <div className="sticky-top"> <nav className="sidebar" id="eng-sidebar">