set up block 3

index.html

@@ -180,24 +180,44 @@
             <!-- Block 3 -->
             <div class='block' id="block3">
                 <span class='section-prompt'>3. What would you like to do for fun?</span>
-                <div>
-                    <input type="checkbox" id="campuslife1" name="campuslife1" value="campuslife1">
-                    <label for="campuslife1"> option 1</label><br>
+                <br>
+                <div class='checklist-box'>
+                    <span style='font-size:22px'>Campus Life</span><br>
+                    <div style='text-align:left;'>
+                        <input type="checkbox" id="campuslife1" name="campuslife1" value="campuslife1">
+                        <label for="campuslife1"> option 1</label><br>
 
-                    <input type="checkbox" id="campuslife2" name="campuslife2" value="campuslife2">
-                    <label for="campuslife2"> option 2</label><br>
+                        <input type="checkbox" id="campuslife2" name="campuslife2" value="campuslife2">
+                        <label for="campuslife2"> option 2</label><br>
 
-                    <input type="checkbox" id="campuslife3" name="campuslife3" value="campuslife3">
-                    <label for="campuslife3"> option 3</label><br>
+                        <input type="checkbox" id="campuslife3" name="campuslife3" value="campuslife3">
+                        <label for="campuslife3"> option 3</label><br>
 
-                    <input type="checkbox" id="campuslife4" name="campuslife4" value="campuslife4">
-                    <label for="campuslife4"> option 4</label><br>
+                        <input type="checkbox" id="campuslife4" name="campuslife4" value="campuslife4">
+                        <label for="campuslife4"> option 4</label><br>
 
-                    <input type="checkbox" id="campuslife5" name="campuslife5" value="campuslife5">
-                    <label for="campuslife5"> option 5</label><br>
+                        <input type="checkbox" id="campuslife5" name="campuslife5" value="campuslife5">
+                        <label for="campuslife5"> option 5</label><br>
+                    </div>
                 </div>
-                <div>
+                <div class='checklist-box'>
+                    <span style='font-size:22px'>Student Activities</span><br>
+                    <div style='text-align:left;'>
+                        <input type="checkbox" id="studentactivity1" name="studentactivity1" value="studentactivity1">
+                        <label for="studentactivity1"> option 1</label><br>
+
+                        <input type="checkbox" id="studentactivity2" name="studentactivity2" value="studentactivity2">
+                        <label for="studentactivity2"> option 2</label><br>
 
+                        <input type="checkbox" id="studentactivity3" name="studentactivity3" value="studentactivity3">
+                        <label for="studentactivity3"> option 3</label><br>
+
+                        <input type="checkbox" id="studentactivity4" name="studentactivity4" value="studentactivity4">
+                        <label for="studentactivity4"> option 4</label><br>
+
+                        <input type="checkbox" id="studentactivity5" name="studentactivity5" value="studentactivity5">
+                        <label for="studentactivity5"> option 5</label><br>
+                    </div>
                 </div>
             </div>
 

public/css/input.css

@@ -12,9 +12,16 @@
     top: 50%;
     width: 300px;
   }
-  input {
+input {
     border: 0;
     outline: 0;
     background: transparent;
     border-bottom: 2px solid #6F263D;
-  }
\ No newline at end of file
+}
+.checklist-box{
+    display:inline-block;
+    background-color: #eee; 
+    padding: 20px; 
+    margin-right: 50px; 
+    font-size:18px;
+}
\ No newline at end of file

public/css/main.css

@@ -105,6 +105,8 @@ body{
 
 #block3 {
     background-color: white;
+    height:350px;
+    text-align: center;
 }
 
 #block4 {