From 8a613e29494b52006f85f26ffb1e15eb23114224 Mon Sep 17 00:00:00 2001
From: Ruby Chang <ruby931109@gmail.com>
Date: Sat, 8 Oct 2022 01:30:32 +0800
Subject: [PATCH] 	modified:   static/style.css 	modified:  
 wiki/pages/education.html

---
 static/style.css          |  8 ++++++++
 wiki/pages/education.html | 22 +++++++++++++---------
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/static/style.css b/static/style.css
index e7f3e5a..c4d2099 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1923,6 +1923,9 @@ html {
   align-self: center;
   margin-bottom: 50px;
 }
+#figure2_edu {
+  height: 300px;
+}
 #customized {
   height: 150px;
 }
@@ -1992,6 +1995,11 @@ html {
   height: 300px;
   margin: 10px;
 }
+#educationimage {
+  height: 400px;
+  margin: 0;
+  margin: 10px;
+}
 .model_image {
   height: 25px;
   align-self: center;
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index f102fdb..c70598a 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -116,14 +116,18 @@
   </div>
 
   <div class="info_contents" id="greencontents">
-    (Translation) Q: Why causes eutrophication? Please explain the process in
-    detail. A: An overabundance of phosphate accumulates in water bodies and
-    causes rapid algae growth; algal bloom, in turn, decreases the oxygen
-    concentration and kills organisms.
+    (Translation)
+    <br />
+    Q: Why causes eutrophication? Please explain the process in detail.
+    <br />
+    A: An overabundance of phosphate accumulates in water bodies and causes
+    rapid algae growth; algal bloom, in turn, decreases the oxygen concentration
+    and kills organisms.
   </div>
 
   <img
     class="constant_height"
+    id="figure2_edu"
     src="https://static.igem.wiki/teams/4271/wiki/tianmu-figure2.jpg"
   />
 
@@ -196,7 +200,7 @@
   </div>
 
   <em class="info_contents_italics" id="greencontents">
-    Junior High/Middle School 9/7
+    Junior High & Middle School 9/7
   </em>
 
   <b class="heading4">
@@ -349,12 +353,12 @@
   <div class="promo">
     <img
       class="constant_height"
-      id="safetyimage"
+      id="education_image"
       src="https://static.igem.wiki/teams/4271/wiki/inclusivity4.jpg"
     />
     <img
       class="constant_height"
-      id="safetyimage"
+      id="education_image"
       src="https://static.igem.wiki/teams/4271/wiki/inclusivity5.jpg"
     />
   </div>
@@ -515,12 +519,12 @@
   <div class="promo">
     <img
       class="constant_height"
-      id="safetyimage"
+      id="education_image"
       src="https://static.igem.wiki/teams/4271/wiki/biology.png"
     />
     <img
       class="constant_height"
-      id="safetyimage"
+      id="education_image"
       src="https://static.igem.wiki/teams/4271/wiki/biology-2.png"
     />
   </div>
-- 
GitLab