sequential_descending_order_for_heading_added

Author: neeraj-2

src/App.vue

@@ -20,9 +20,9 @@
                 </ul>
             </nav>
 
-            <h2>
+            <h1 class="title is-2">
                 {{ $t('chooser.heading') }}
-            </h2>
+            </h1>
             <p class="stepper-instructions body-bigger">
                 {{ $t('chooser.instructions') }}
             </p>

src/components/FooterSection.vue

@@ -166,7 +166,9 @@
                 </div>
                 <div class="column">
                     <section class="donate-section">
-                        <h5>{{ $t('footer.donation.header') }} </h5>
+                        <h2 class="title is-5">
+                            {{ $t('footer.donation.header') }}
+                        </h2>
                         <p>{{ $t('footer.donation.call') }}</p>
                         <a
                             class="button small donate"

src/components/HelpSection.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="help-section">
-        <h3>
+        <h2 class="title is-3">
             {{ $t('help.heading') }}
-        </h3>
+        </h2>
         <ul class="help-links">
             <li
                 v-for="(modal, idx) in modals"

src/components/StepHeader.vue

@@ -5,9 +5,9 @@
         @click="activate"
         @keyup.13="activate"
     >
-        <h5 class="step-header__title b-header">
+        <h2 class="step-header__title b-header title is-5">
             {{ $t(stepHeaderText) }}
-        </h5>
+        </h2>
         <div
             v-if="step.status === 'completed'"
             class="step-header__caption"