Finish Prizes Part

src/containers/prizes/Prizes.jsx

@@ -1,8 +1,37 @@
 import React from "react";
 import "./prizes.css";
 
-export const Prizes = () => {
-  return <div>Prizes</div>;
-};
+export const Prizes = () => (
+  <div id="prize">
+    <div className="theta_prize-heading">
+      <h1>Prizes</h1>
+    </div>
+    <div className="prizes_list">
+      <ul>
+        <li>1st -&gt; $150, 4 HyperX Gaming Keyboards, Certificate</li>
+        <li>2nd -&gt; $100, 4 Google Home Minis, Certificate</li>
+        <li>3rd -&gt; $50, 4 Wolfram|One Pro Premium Plans, Certificate</li>
+        <li>Organizer's Choice -&gt; AOPS Credit, TBD, Certificate</li>
+        <li>People's Choice -&gt; TBD, Certificate</li>
+        <li>
+          Best EchoAR Project -&gt; $50 Amazon Gift Card, EchoAR Business Plans,
+          Certificate
+        </li>
+        <li>
+          Best Duo Hack -&gt; 2x Discord Premium Merch/Swag, 1Password Family
+          Plan, Certificate
+        </li>
+        <li>
+          Best Environmental Hack -&gt; Centered lifetime access, Sublime Text
+          licenses, Certificate
+        </li>
+        <li>
+          Best Beginner Hack -&gt; $50, ProductHunt swag, 1Password Family Plan,
+          Certificate
+        </li>
+      </ul>
+    </div>
+  </div>
+);
 
 export default Prizes;

src/containers/prizes/prizes.css

@@ -0,0 +1,47 @@
+#prize {
+    margin-top: 100px;
+}
+
+.theta_prize-heading {
+    justify-content: left;
+    font-family: var(--font-family);
+    color: #fff;
+    text-align: left;
+    padding-left: 100px;
+}
+
+.prizes_list {
+    list-style-type: circle;
+    list-style-position: inside;
+    color: #fff;
+    font-size: 1em;
+    padding-top: 30px;
+    line-height: 30px;
+    font-family: var(--font-family);
+}
+
+.prizes_list ul {
+    list-style: none;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: right;
+}
+
+.prizes_list ul>li:before {
+    margin-left: 100px;
+    content: '•';
+}
+
+@media screen and (max-width: 767px) {
+    .prizes_list ul {
+        line-height: 25px;
+        font-size: 11px;
+        text-align: left;
+        margin-left: 10px;
+    }
+
+    .prizes_list ul>li:before {
+        margin-left: 00px;
+        content: '•';
+    }
+}