fixed misaligned rsvp form

.directory

@@ -1,6 +0,0 @@
-[Dolphin]
-Timestamp=2019,8,6,19,50,32
-Version=4
-
-[Settings]
-HiddenFilesShown=true

bigday/templates/rsvp.html

@@ -12,15 +12,21 @@
   </div>
 </nav>
 
-<div>
+<div class="rsvp-container section-container" id="rsvp">
   <div class="container">
 
+    <div class="row">
+      <div class="col rsvp section-description wow fadeIn">
+        <h2>RSVP</h2>
+
+        <p class="text-center">Kindly let us know if you will be able to attend our wedding!</p>
+
         <form action="{% url 'rsvp' %}?rsvp-code={{ rsvpCode }}" method="post">
           {% csrf_token %}
           {% for guest in guests %}
-  <div class="form-group row">
+          <div class="form-group row justify-content-center">
-    <label class="col-2">{{ guest.name }} will be: </label> 
+            <label class="col-auto">{{ guest.name }} will be: </label>
-    <div class="col-10">
+            <div class="col-auto">
               <div class="form-check form-check-inline">
                 <input name="attending_{{ guest.id }}" id="attending_{{ guest.id }}_yes" type="radio" class="form-check-input" value="attending" required="required">
                 <label for="attending_{{ guest.id }}_yes" class="form-check-label">attending</label>
@@ -33,12 +39,13 @@
           </div>
           {% endfor %}
 
-  <div class="form-group row">
+          <div class="form-group row justify-content-center">
-    <div class="">
             <button name="submit" type="submit" class="btn btn-primary">Submit</button>
           </div>
-  </div>
         </form>
+
+      </div>
+    </div>
   </div>
 </div>
 

bigday/templates/thank-you.html

@@ -12,7 +12,6 @@
   </div>
 </nav>
 
-<!-- About us -->
 <div class="our-story-container section-container section-container-gray-bg" id="our-story">
   <div class="container">
     <div class="row">