Merge branch 'main' of ssh://gitlab.igem.org/2024/bielefeld-cebitec

src/App/mediarules.css

@@ -138,9 +138,15 @@
     text-align: left; /* Optional: center text for mobile */
   }
    #breathf {
-    left: 40vw !important;
+    left: 48vw !important;
     width: 65vw !important;
 
+  }
+  #breatht1 {
+    left: 0 !important;
+    position:initial!important;
+    font-size: 0.5em !important;
+
   }
     /***Biosafty***/
     #safehead {

src/components/Problems.tsx

@@ -51,7 +51,7 @@ export function Problems(){
     const Title2 = "makes life breathtaking";
     const Prob11 = "Thick mucus blocking airway and prevents"
     const Prob12 = "oxygen absorption, leading to bronchial"
-    const Prob13 = "obstructions, organ failue an death";
+    const Prob13 = "obstructions, organ failue an death" ;
     const Prob21 = "Chronic inflammation occurs periodically";
     const Prob22 = "due to a high vulnerability ";
     const Prob23 = "to bacterial and viral infections";
@@ -174,9 +174,9 @@ export function Problems(){
                     </img>
                     <p style={{'position': 'fixed','top': '17vh', 'width': '82vw','left': '10vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
                     <p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'left': '10vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
-                    <p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
-                    <p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
-                    <p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
+                    <p id="breatht1"style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
+                    <p id="breatht2"style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
+                    <p id="breath3"style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
                     <p style={{'position': 'fixed','top': '85vh', 'left': '35vw', 'zIndex': '1'}}></p>
             </div>
             <div id="sciency"></div>