diff --git a/index.html b/index.html
index 97362da..9299e7f 100644
--- a/index.html
+++ b/index.html
@@ -22,52 +22,54 @@
 </head>
 
 <body>
-  <div class="about-text" value="">
-    <h1>About</h1>
-    <p>
-      This is a database tool to assist students of the University of Texas - Austin in the biannual race for
-      Jazz Appr- I mean course registration process.
-    </p>
-    <p>
-      I noticed other grade sites used outdated data, so I made
-      my own. Enjoy!
-    </p>
-  </div>
-  <div class="bg-form">
-    <p>
-      Keep course names as close to the
-      <a href="https://registrar.utexas.edu/schedules">official course name</a>
-      as possible
-    </p>
-    <br>
-    <form action="">
-
-      <!-- Data is separated into course number, course prefi;x, and course name-->
-      <label for="courseField">Department (Ex: "MUS"):</label>
-      <input type="text" id="courseField" name="fname" required><br><br>
-      <label for="courseNum">Course Number (Ex: "307"):</label>
-      <input type="text" id="courseNum" name="fname" required><br><br>
-      <label for="courseName">Course Name (Optional, useful if classes have the same number like UGS 303):</label>
-      <input type="text" id="courseName" name="fname"><br><br>
-      <!-- <label for="courseInstructor">Instructor (Optional):</label>
-      <input type="text" id="courseInstructor" name="fname"><br><br> -->
-      <button type="button" id="subBut">Submit</button><br><br>
-
-      <!-- Dropdown menu for semester selection -->
-      <form>
-        <label for="dropdown">Semester (under construction):</label>
-        <select id="semester" name="dropdown">
-          <option value="f2022">Fall 2022</option>
-          <option value="s2022">Summer 2022</option>
-          <option value="sp2022">Spring 2022</option>
-          <option value="f2021">Fall 2021</option>
-        </select>
-        <br><br>
+  <div class="wrapper">
+    <div class="about-text" value="">
+      <h1>About</h1>
+      <p>
+        This is a database tool to assist students of the University of Texas - Austin in the biannual race for
+        Jazz Appr- I mean course registration process.
+      </p>
+      <p>
+        I noticed other grade sites used outdated data, so I made
+        my own. Enjoy!
+      </p>
+    </div>
+    <div class="bg-form">
+      <p>
+        Keep course names as close to the
+        <a href="https://registrar.utexas.edu/schedules">official course name</a>
+        as possible
+      </p>
+      <br>
+      <form action="">
+  
+        <!-- Data is separated into course number, course prefi;x, and course name-->
+        <label for="courseField">Department (Ex: "MUS"):</label>
+        <input type="text" id="courseField" name="fname" required><br><br>
+        <label for="courseNum">Course Number (Ex: "307"):</label>
+        <input type="text" id="courseNum" name="fname" required><br><br>
+        <label for="courseName">Course Name (Optional, useful if classes have the same number like UGS 303):</label>
+        <input type="text" id="courseName" name="fname"><br><br>
+        <!-- <label for="courseInstructor">Instructor (Optional):</label>
+        <input type="text" id="courseInstructor" name="fname"><br><br> -->
+        <button type="button" id="subBut">Submit</button><br><br>
+  
+        <!-- Dropdown menu for semester selection -->
+        <form>
+          <label for="dropdown">Semester (under construction):</label>
+          <select id="semester" name="dropdown">
+            <option value="f2022">Fall 2022</option>
+            <option value="s2022">Summer 2022</option>
+            <option value="sp2022">Spring 2022</option>
+            <option value="f2021">Fall 2021</option>
+          </select>
+          <br><br>
+        </form>
       </form>
-    </form>
-    <div class="chart-container" id="grades" value="invisible" style="position: relative; height:40vh; width:80vw">
-      <!--Bar graph stuff-->
-      <canvas id="gradeBar" style="width:100%;height:100%;"></canvas>
+      <div class="chart-container" id="grades" value="invisible" style="position: relative; height:40vh; width:80vw">
+        <!--Bar graph stuff-->
+        <canvas id="gradeBar" style="width:100%;height:100%;"></canvas>
+      </div>
     </div>
   </div>
   <footer>Created by Derek Chen
diff --git a/main.css b/main.css
index 055d0c4..b63c0d0 100644
--- a/main.css
+++ b/main.css
@@ -1,7 +1,7 @@
 body {
   font-family: 'Helvetica Neue', sans-serif;
   background: #1b1a2a;
-  background: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%)
+  background: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%);
 }
 
 a {
@@ -40,23 +40,38 @@ footer {
   box-sizing: border-box
 }
 
+.wrapper {
+  display: grid;
+  gap: 2vw;
+  grid-auto-rows: minmax(100px, auto);
+
+}
+
 .about-text {
   background-color: rgba(0, 0, 0, .4);
   color: #fff;
   border: 3px solid #f1f1f1;
-  text-align: center
+  text-align: center;
+  grid-column: 1;
+  grid-row: 1;
+  border-radius: 10px;
+
 }
 
 .bg-form {
   background-color: rgba(0, 0, 0, .4);
   color: #fff;
   border: 3px solid #f1f1f1;
-  text-align: center
+  text-align: center;
+  grid-column: 1;
+  grid-row: 2;
+  border-radius: 10px;
+
 }
 
 .chart-container {
   position: relative;
   margin: auto;
   height: 80vh;
-  width: 80vw
+  width: 80vw;
 }
\ No newline at end of file
