add circle div to form section

Myekman · Feb 16, 2023 · fa597a7 · fa597a7
1 parent 2de5916
commit fa597a7
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -175,15 +175,26 @@ body {
     color: #fff;
     background-color: rgba(60, 60, 60, 0.6);
     width: 30%;
+    float: left;
 
 }
 
+
 #circle {
     width: 400px;
     height: 400px;
+    padding: 30px;
     clear: none;
     background-color: #f5b09f;
     border-radius: 50%;
+    margin-left: 900px;
+
+}
+
+#circle-container h2 {
+    color: white;
+    justify-content: center;
+    align-items: center;
 }
 
 h2 {

diff --git a/classes.html b/classes.html
@@ -83,9 +83,13 @@ <h2><span>Sign up!</span>
             <option value="Kids">Kids 10-15</option>
             </datalist>
     </form>    
+    <div id="circle">
+        <div id="circle-container"><h2>some text here some text here some text here</h2></div>
+    </div>
 </section>
 
 
+
 <footer id="contact">
     <h2>Strong Gymnastic Studios</h2>
    <div id="find-us">

diff --git a/index.html b/index.html
@@ -85,8 +85,12 @@ <h2><span>Sign up!</span>
                 <option value="Kids">Kids 10-15</option>
                 </datalist>
         </form>   
-        <div id="circle"></div>
+        <div id="circle">
+            <div id="circle-container"><h2>some text here some text here some text here</h2></div>
+        </div>
     </section>
+
+
 
 <footer id="contact">
          <h2>Strong Gymnastic Studios</h2>