fix multifunc

components/usermanual/MultiFunctional.js

@@ -60,20 +60,29 @@ export default function MultiFunctional() {
             <Black>
               <p>Energy usage</p>
             </Black>
-            <p>Oxidative phosphorylation</p>
           </Pillar>
           <Pillar>
             <Black>
               <p>Protein Production</p>
             </Black>
-            <p>
-              Rapidly dividing, halophilic <i>Vibrio natriegens</i> as chassis
-            </p>
           </Pillar>
           <Pillar>
             <Black>
               <p>Protein purification</p>
             </Black>
+          </Pillar>
+        </div>
+
+        <div className="flex-row" style={{ justifyContent: "space-between" }}>
+          <Pillar>
+            <p>Oxidative phosphorylation</p>
+          </Pillar>
+          <Pillar>
+            <p>
+              Rapidly dividing, halophilic <i>Vibrio natriegens</i> as chassis
+            </p>
+          </Pillar>
+          <Pillar>
             <p>Thiol-sensitive intein for affinity tag/purification aid</p>
           </Pillar>
         </div>