Make cards the same height

Signed-off-by: Olga Bulat <obulat@gmail.com>

Author: obulat

src/App.vue

@@ -76,11 +76,6 @@ export default {
         color: #2c3e50;
     }
 
-    hr {
-        margin-left: 5%;
-        margin-right: 5%;
-    }
-
     #site-container {
         padding-top: 2rem;
         padding-bottom: 2%;

src/components/LicenseCard.vue

@@ -48,5 +48,12 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-
+    div.card {
+        height: 540px;
+    }
+    @media only screen and (max-width: 670px) {
+        div.card {
+            height: auto;
+        }
+    }
 </style>

src/components/Stepper.vue

@@ -141,6 +141,7 @@ export default {
 
 <style lang="scss">
     div#stepper.card{
+        height: 540px;
         div.card-content{
             p.stepper-instructions {
                 padding-bottom: 1.4rem;
@@ -234,6 +235,7 @@ export default {
                 }
                 section.step-content {
                     padding-bottom: 0;
+                    height: 300px;
                 }
                 nav.step-navigation {
                     display: flex;
@@ -274,9 +276,13 @@ export default {
                 }
             }
         }
-
-        li.personalization>a>div>span>svg{
-
+    }
+    @media only screen and (max-width: 670px) {
+        div.card {
+            height: auto;
+        }
+        section.step-content {
+            height: auto;
         }
     }
 </style>