Improve bootstrap responsive classes in Plans section

Author: tdunn891

accounts/templates/index.html

@@ -109,7 +109,12 @@ <h4 class="text-center">
          <div class="col-12 text-center">
             <br>
             <br>
-            <img src="{% static 'images/Partner-Logos.png' %}" id="customer-logos" alt="Customer Logos">
+            <img src="{% static 'images/Partner-Logos.png' %}" id="customer-logos" class="d-none d-sm-inline-block"
+               alt="Customer Logos">
+            <img src="{% static 'images/Partner-Logos-mobile.png' %}" id="customer-logos-mobile"
+               class="d-inline-block d-sm-none" alt="Customer Logos Mobile">
+            <img src="{% static 'images/Partner-Logos-mobile-2.png' %}" id="customer-logos-mobile-2"
+               class="d-inline-block d-sm-none" alt="Customer Logos Mobile 2">
          </div>
       </div>
    </div>
@@ -123,7 +128,7 @@ <h4 class="text-center">
             <h4>Plans</h4>
             <br>
          </div>
-         <div class="col-12 col-md-6">
+         <div class="col-12 col-md-6 col-lg-4 offset-lg-2">
             <!-- <div class="text-center justify-content-center"> -->
             <div class="card border-primary plan-card text-center">
                <div class="card-header plan-card-header">Get Started
@@ -155,7 +160,7 @@ <h5 class="card-title">FREE</h5>
                </div>
             </div>
          </div>
-         <div class="col-12 col-md-6">
+         <div class="col-12 col-md-6 col-lg-4">
             <div class="card border-primary plan-card text-center">
                <div class="card-header plan-card-header">
                   <span class="material-icons align-top">stars</span>

static/css/style.css

@@ -29,6 +29,10 @@ html {
 	margin: auto;
 }
 
+#login-nav-text {
+	font-size: 1rem;
+}
+
 /* Default body font size */
 body {
 	font-size: 15px;
@@ -121,10 +125,6 @@ h4 {
 	font-size: 15px;
 }
 
-/* Index page Plans cards */
-.card-deck .card {
-}
-
 #customer-logos {
 	width: 76%;
 }
@@ -309,6 +309,10 @@ footer {
 	background-color: #f1f1f1 !important;
 }
 
+.bg-light-blue {
+	background-color: lightblue !important;
+}
+
 /* Kanban headers */
 .jumbotron h5 {
 	padding: 8px;
@@ -353,8 +357,13 @@ footer {
 		padding: 0.5rem 1px;
 	}
 	/* customer logos */
-	#customer-logos {
-		width: 100%;
+	#customer-logos,
+	#customer-logos-mobile {
+		width: 98%;
+	}
+	#customer-logos-mobile-2 {
+		margin-top: 34px;
+		width: 65%;
 	}
 }