Update Project

rachelpizane · Jan 13, 2024 · cd0d660 · cd0d660
1 parent aa0c374
commit cd0d660
Show file tree

Hide file tree

Showing 2 changed files with 87 additions and 0 deletions.
diff --git a/Solutions/1 - Pilot Battle/2 - Carrom.md b/Solutions/1 - Pilot Battle/2 - Carrom.md
@@ -0,0 +1,38 @@
+# #2 - Carrom
+
+## 💥 Challenge
+![Carrom](img/2%20-%20Carrom.png)
+
+## 🔎 Link
+[Try it too and go to battle!](https://cssbattle.dev/play/2)
+
+## 💡 Solution
+```
+<div class="box">
+  <div class="squad"></div>
+  <div class="squad"></div>
+  <div class="squad"></div>
+  <div class="squad"></div>  
+</div>
+
+
+<style>
+  body {
+    margin: 0px;
+    background: #62374e;
+  }
+
+  .box {
+    display:flex;
+    justify-content:space-between;
+    flex-wrap: wrap;
+  }
+   
+ .squad {
+   width: 50px;
+   height: 50px;
+   margin: 50px;
+   background: #fdc57b;
+  }
+</style>
+```
diff --git a/Solutions/1 - Pilot Battle/3 - Push Button.md b/Solutions/1 - Pilot Battle/3 - Push Button.md
@@ -0,0 +1,49 @@
+# #3 - Push Button
+
+## 💥 Challenge
+![Push Button](img/3%20-%20Push%20Button.png)
+
+## 🔎 Link
+[Try it too and go to battle!](https://cssbattle.dev/play/3)
+
+## 💡 Solution
+```
+<div class="rectangle">
+  <div class="circle">
+    <div class="circle-yellow"></div> 
+  </div>
+</div>
+
+<style>
+  body {
+    margin: 0px;
+    background: #6592CF;
+    display: grid;
+  }
+  
+ .rectangle{
+   display: grid;
+   place-content:center;
+   margin: auto;
+   width: 300px;
+   height: 150px;
+   background: #243D83;
+  }
+
+  .circle {
+    width: 150px;
+    height: 150px;
+    border: 50px solid #6592CF;
+    border-radius: 50%;
+    display: grid;
+  }
+
+  .circle-yellow {
+    margin: auto;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    background-color: #EEB850
+  }
+</style>
+```