Display Flex

css/general.css

@@ -297,22 +297,29 @@ section {
 
 #event-container {
     display: flex;
-    flex: row wrap;
+    flex-wrap: wrap;
     margin-top: 20px;
+    justify-content: center;
 }
 
 #event-description {
     padding: 10px;
     max-width: 700px;
+    min-width: 400px;
     text-align: left;
 }
 
+.list {
+    padding-left: 20px;
+}
+
 .list li{
     margin: 10px 0;
 }
 
 #steps-card {
-    width: 300px;
+    width: fit-content;
+    min-width: 300px;
     border-radius: 5px;
     background-color: #0d1117;
     background-color: #1e2227;
@@ -323,11 +330,10 @@ section {
 }
 
 #steps-list {
-    list-style: inside;
+    padding-left: 10px;
 }
 
 #steps-list li{
-    list-style: inside;
     margin: 10px 0 30px;
 }
 

index.html

@@ -95,13 +95,13 @@
                 <article>
                     <h3 id="steps-header">STEPS</h3>
                     <div id="steps-card">
-                        <ul class="list" id="steps-list">
+                        <ol class="list" id="steps-list">
                             <li>Sign up w/ <a class="link" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">form</a></li>
                             <li>Join the Discord</li>
                             <li>Create/join a team</li>
                             <li>Start discussing ideas for a project</li>
                             <li>Wait for the hackathon to start!</li>
-                        </ul>
+                        </ol>
                     </div>
                 </article>
             </div>