componenten navShopping2

src/view/PersonalData.vue

@@ -7,7 +7,7 @@
 <div class="row">
 
 <section class="col-10 col-sm-7 col-md-7 col-lg-7 col-xl-7 offset-1">
-  <ShoppingNav></ShoppingNav>
+  <ShoppingNav currentStep=2></ShoppingNav>
 
   <form class="mt-4">
   <div class="form-group">
@@ -28,7 +28,7 @@
 
 </section>
 
-<aside class="col-10 col-sm-2 col-md-2 col-lg-2 col-xl-2 offset-1 bg-primary">
+<aside id="CompraStatus" class="col-10 col-sm-2 col-md-2 col-lg-2 col-xl-2 offset-1 bg-primary">
   <h3 class="text-center">status</h3>
 </aside>
 
@@ -56,5 +56,10 @@ components: {
 </script>
 
 <style scoped>
+@media screen and (max-width:760px )  {
+ #CompraStatus{
+   margin-top: 2rem;
+ }
+}
 
 </style>