From 9b316f4e9fbab0044bbd2e20c82ea6b1ba1f5ae0 Mon Sep 17 00:00:00 2001
From: Machiko Yasuda <machiko@compiler.la>
Date: Mon, 9 Dec 2024 22:22:16 +0000
Subject: [PATCH] feat(help): realign Help page width, combine some divs

---
 benefits/core/templates/core/help.html | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/benefits/core/templates/core/help.html b/benefits/core/templates/core/help.html
index ef33259045..b230362263 100644
--- a/benefits/core/templates/core/help.html
+++ b/benefits/core/templates/core/help.html
@@ -9,13 +9,8 @@
 {% block main-content %}
   <div class="container">
     <div class="row justify-content-center">
-      <div class="col-md-8 col-10">
+      <div class="col-12 col-lg-8">
         <h1 class="text-center">{% translate "Help" %}</h1>
-      </div>
-    </div>
-
-    <div class="row justify-content-center">
-      <div class="col-md-8 col-10">
         <h2 class="h2-sm pt-4 pt-lg-8" id="what-is-cal-itp">{% translate "What is Cal-ITP Benefits?" %}</h2>
         <p class="pt-2 pt-lg-4">
           {% blocktranslate trimmed %}
@@ -137,11 +132,7 @@ <h2 class="h2-sm pt-4 pt-lg-8" id="questions">{% translate "Questions?" %}</h2>
             provider.
           {% endblocktranslate %}
         </p>
-      </div>
-    </div>
 
-    <div class="row justify-content-center">
-      <div class="col-md-8 col-10">
         {% if agency %}
           {% include "core/includes/agency-links.html" %}
         {% else %}
@@ -152,8 +143,8 @@ <h2 class="h2-sm pt-4 pt-lg-8" id="questions">{% translate "Questions?" %}</h2>
       </div>
     </div>
 
-    <div class="row pt-4 pt-lg-8">
-      <div class="col-lg-2 offset-lg-10 col-8 offset-2">
+    <div class="row justify-content-center pt-4 pt-lg-8">
+      <div class="col-12 col-lg-6">
         {% translate "Go Back" as button_text %}
         {% include "core/includes/button--origin.html" with button_text=button_text %}
       </div>