Fix CTA and virtues section

canopas · Feb 3, 2022 · 7e4df3c · 7e4df3c
1 parent a67a3cd
commit 7e4df3c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 12 deletions.
diff --git a/vue-frontend/src/components/home/HomeCTA.vue b/vue-frontend/src/components/home/HomeCTA.vue
@@ -252,7 +252,7 @@ export default {
   }
 
   .cta-container {
-    width: 800px;
+    width: 70%;
     margin: 7% auto;
   }
 
@@ -261,4 +261,11 @@ export default {
     margin: 1.25rem 0.5rem 0 0.5rem;
   }
 }
+
+@include media-breakpoint-up(xl) {
+  .cta-container {
+    width: 40%;
+    min-width: 900px;
+  }
+}
 </style>
diff --git a/vue-frontend/src/components/jobs/VirtuesView.vue b/vue-frontend/src/components/jobs/VirtuesView.vue
@@ -209,12 +209,12 @@ export default {
   border-radius: 100px 0;
 }
 
-.red-text{
+.red-text {
   font-style: normal;
   font-weight: 400;
   font-size: 1.1rem;
   line-height: 1.5rem;
-  color: #E8505B;
+  color: #e8505b;
 }
 
 .title {
@@ -279,8 +279,10 @@ export default {
   opacity: 1;
 }
 
-.flex-div > div:hover .description {
-  opacity: 1;
+@media (hover: hover) and (pointer: fine) {
+  .flex-div > div:hover .description {
+    opacity: 1;
+  }
 }
 
 .image {
@@ -378,7 +380,8 @@ export default {
     width: 60%;
   }
 
-  .desc, .red-text {
+  .desc,
+  .red-text {
     font-size: 1.3rem;
   }
 
@@ -388,6 +391,10 @@ export default {
 }
 
 @include media-breakpoint-up(xl) {
+  .background {
+    padding: 0 15%;
+  }
+  
   .description {
     padding: 5%;
 
@@ -396,10 +403,4 @@ export default {
     }
   }
 }
-
-@media (min-width: 1500px) {
-  .background {
-    padding: 0 15%;
-  }
-}
 </style>