diff --git a/src/components/Homepage/LendByCategory/FeaturedLoansCarousel.vue b/src/components/Homepage/LendByCategory/FeaturedLoansCarousel.vue
new file mode 100644
index 0000000000..db975a7e44
--- /dev/null
+++ b/src/components/Homepage/LendByCategory/FeaturedLoansCarousel.vue
@@ -0,0 +1,313 @@
+
+
+
+ {{ categoryPreLink(currentSlideCategory.id) }}
+
+ {{ cleanCategoryName(currentSlideCategory) }}
+
+ {{ categoryPostLink(currentSlideCategory.id) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/LoanCards/LendHomepageLoanCard.vue b/src/components/LoanCards/LendHomepageLoanCard.vue
index 60708d7fa9..3de75c9133 100644
--- a/src/components/LoanCards/LendHomepageLoanCard.vue
+++ b/src/components/LoanCards/LendHomepageLoanCard.vue
@@ -194,7 +194,7 @@ $card-half-space: rem-calc(14/2);
box-shadow: 0 0.65rem $card-margin $card-half-space rgb(153, 153, 153, 0.1);
&__image-wrapper {
- height: rem-calc(168);
+ height: rem-calc(165);
border-radius: 0.65rem 0.65rem 0 0;
overflow: hidden;
flex-shrink: 0;
@@ -202,7 +202,7 @@ $card-half-space: rem-calc(14/2);
::v-deep a.borrower-image-link {
position: relative;
display: inline-block;
- height: rem-calc(168);
+ height: 100%;
}
::v-deep button.favorite-star {
@@ -213,7 +213,7 @@ $card-half-space: rem-calc(14/2);
}
&__data-wrapper {
- padding: rem-calc(5) 0.95rem 1.5rem;
+ padding: rem-calc(7) 0.95rem 1.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -249,6 +249,7 @@ $card-half-space: rem-calc(14/2);
text-align: left;
font-size: 1rem;
height: 1.25rem;
+ margin-bottom: 0.15rem;
}
}
diff --git a/src/pages/Homepage/LendByCategoryHomepage.vue b/src/pages/Homepage/LendByCategoryHomepage.vue
index d5c930c3d2..789480f0bb 100644
--- a/src/pages/Homepage/LendByCategoryHomepage.vue
+++ b/src/pages/Homepage/LendByCategoryHomepage.vue
@@ -3,7 +3,7 @@