Class & Objects

Author: akash2061

index.css

@@ -69,8 +69,6 @@ body {
     justify-content: space-around;
 }
 
-
-
 .box {
     border: 2px solid black;
     border-radius: 3px;
@@ -81,4 +79,20 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
+}
+
+#obj {
+    margin: 1%;
+    height: 10rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: blueviolet;
+}
+
+.obj_box {
+    height: 90%;
+    width: 90%;
+    background-color: azure;
+    border-radius: 3px;
 }

index.html

@@ -29,6 +29,11 @@ <h2>Box - 2</h2>
     <div id="btw">
         <button type="button" id="e_btw">Click Me</button>
     </div>
+    <div id="obj">
+        <div class="obj_box">
+            <h1>Hello...</h1>
+        </div>
+    </div>
 </body>
 
 <script src="First.js"></script>