Adjust positioning of the Confused Need Help and Recommended License sections in mobile view

Author: soustab10

src/App.vue

@@ -21,7 +21,6 @@
       <div class="columns wider-gap">
         <div class="column">
           <Stepper v-model="currentStepId" @restart="restart" @done="done" />
-          <help-section @change="openChooserModal" />
         </div>
         <div class="column right-column">
           <!-- The right column with the recommended license should be fixed until
@@ -41,6 +40,7 @@
           </div>
         </div>
       </div>
+      <help-section @change="openChooserModal" />
     </div>
     <footer-section v-if="!isEmbedded" />
     <chooser-modal :active-modal="openModal" @close="closeChooserModal" />
@@ -248,7 +248,7 @@ footer.main-footer {
     font-size: 1rem;
   }
   .stepper-instructions {
-    margin-bottom: 2rem;
+    // margin-bottom: 2rem;
   }
   .columns.wider-gap .column:first-child,
   .columns.wider-gap .column:last-child {