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">
 
-<form action="{% url 'rsvp' %}?rsvp-code={{ rsvpCode }}" method="post">
+    <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">
-    <label class="col-2">{{ guest.name }} will be: </label> 
-    <div class="col-10">
+          <div class="form-group row justify-content-center">
+            <label class="col-auto">{{ guest.name }} will be: </label>
+            <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,13 +39,14 @@
           </div>
           {% endfor %}
 
-  <div class="form-group row">
-    <div class="">
+          <div class="form-group row justify-content-center">
             <button name="submit" type="submit" class="btn btn-primary">Submit</button>
           </div>
+        </form>
+
+      </div>
+    </div>
   </div>
-</form>
-</div>
 </div>
 
 {%endblock%}

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">