Fix div center with more containers

MarcusWentz · Mar 19, 2023 · 05e2409 · 05e2409
1 parent 38851f3
commit 05e2409
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 25 deletions.
diff --git a/index.css b/index.css
@@ -49,6 +49,9 @@
 .container {
     position: relative;
     padding: 30px;
+    /* margin-right: auto;
+    margin-left: auto; */
+    text-align: center;
 }
 
 .center {

diff --git a/index.html b/index.html
@@ -14,44 +14,49 @@
 
 <body style="background-color:black;">
 
-<!-- <div style="min-height: 5vh"></div> -->
+<div style="min-height: 5vh"></div>
 
 <div class="container">
-  <div style="min-height: 5vh">
-    <div class="center">
-      <button class="btn buttonConnectMetamask" id=enableEthereumButton></button>
-    </div>
+  <div class="center">
+    <button class="btn buttonConnectMetamask" id=enableEthereumButton></button>
   </div>
 </div>
 
+<div style="min-height: 5vh"> </div>
+
 <div class="container">
-  <div style="min-height: 5vh">
-    <div class="center">
-      <p style="color:white">storedData(): </p>
-      <p style="color:white" id="getValueStateSmartContract"></p>
-    </div>
- </div>
+  <div class="center">
+    <p style="color:white">storedData(): </p>
+  </div>
 </div>
 
 <div class="container">
- <div style="min-height: 5vh">
-    <div class="center">
-      <button class="changeStateInContractEvent btn buttonHighContrast">set(uint256 x)</button>
-      <div style="min-height: 2vh"></div>
-      <input type="text" style="text-align:center" id="setValueSmartContract" placeholder="input uint value">
-    </div>
- </div>
+  <div class="center">
+    <p style="color:white" id="getValueStateSmartContract"></p>
+  </div>
 </div>
 
-<div style="min-height: 5vh"></div>
+<div style="min-height: 5vh"> </div>
+
+<div class="container">
+  <div class="center">
+    <button class="changeStateInContractEvent btn buttonHighContrast">set(uint256 x)</button>
+  </div>
+</div>
+
+<div class="container">
+  <div class="center">
+    <input type="text" style="text-align:center" id="setValueSmartContract" placeholder="input uint value">
+  </div>
+</div>
+
+<div style="min-height: 5vh"> </div>
 
 <div class="container">
-  <div style="min-height: 15vh">
-    <div class="center">
-      <form action="https://github.com/MarcusWentz/Web3_Get_Set_Contract_Metamask">
-        <input type="submit" class="btn buttonHighContrast" value="GitHub" />
-      </form>
-    </div>
+  <div class="center">
+    <form action="https://github.com/MarcusWentz/Web3_Get_Set_Contract_Metamask">
+      <input type="submit" class="btn buttonHighContrast" value="GitHub" />
+    </form>
   </div> 
 </div>