# This is a combination of 3 commits.

# This is the 1st commit message:
This fixes OpenSourceHelpCommunity#150

# This is the commit message OpenSourceHelpCommunity#2:

added new css defs to center block

# This is the commit message OpenSourceHelpCommunity#3:

minor css fix

Author: rudr4x5h

oshc/main/static/main/css/app.css

@@ -402,3 +402,21 @@ footer .container {
 .zone {
   display:none;
 }
+
+/* CONTEST SUBMISSION PAGE CSS STARTS */
+.vcenter {
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  justify-content: center;
+  height: 90vh;
+  z-index: -100;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.subtitle {
+  margin: 0;
+}

oshc/main/templates/contest_submission.html

@@ -3,11 +3,11 @@
 {% block content %}
 
 <div class="jumbotron text-xs-center">
-  <div class="container text-center">
-      <h1 class="display-3">Thank You!</h1>
-      <p class="lead"><strong>Your contest has been submitted for review.</strong></p>
+  <div class="container text-center vcenter">
+      <h1 class="display-3 text-center">Thank you!</h1>
+      <p class="lead text-center subtitle"><strong>Your contest has been submitted for review.</strong></p>
       <hr>
-      <p class="lead">
+      <p class="lead text-center">
         <a class="btn btn-primary btn-sm" href="{% url 'home' %}" role="button">Continue to homepage</a>
       </p>
   </div>