diff --git a/css/body.css b/css/body.css
index 56209db..77c3545 100644
--- a/css/body.css
+++ b/css/body.css
@@ -8,4 +8,6 @@ body {
flex-direction: column;
justify-content: center;
align-items: stretch;
+ background-color: rgb(0, 0, 0, 0.02);
+
}
\ No newline at end of file
diff --git a/css/search.css b/css/search.css
index d60947a..57fbe84 100644
--- a/css/search.css
+++ b/css/search.css
@@ -4,7 +4,8 @@
flex-direction: column;
justify-content: stretch;
align-items: center;
- padding: 30px 30px;
+ padding: 0px 30px;
+ margin-top: 30px;
}
.project-search-filters-container {
@@ -51,21 +52,94 @@
.project-search-divider {
width: 100%;
- margin: 35px 30px;
+ margin: 35px 20px;
height: 1px;
background-color:rgba(0, 0, 0, 0.1);
}
+/* Results */
.project-search-results-container {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
-
-
+ margin-bottom: 50px;
+ gap: 30px;
}
.project-search-result-card {
background-color: white;
+ height: 530px;
+ width: 390px;
+ min-width: 80%;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: stretch;
+ align-items: center;
+
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ gap: 6px;
}
+
+@media only screen and (max-width: 400px) {
+ .project-search-result-card {
+ width: 90%;
+ }
+}
+
+.project-search-result-card:hover {
+ cursor: pointer;
+ border: 2px solid #252631;
+ transition-duration: 0.3s;
+}
+
+.project-search-result-card-picture {
+ width: 100%;
+ height: 390px;
+ background-color: rgba(0, 0, 0, 0.3);
+ object-fit: cover;
+}
+
+.project-search-result-card-title {
+ font-size: 18px;
+ font-family: Inter;
+ font-weight: 50;
+ text-transform: uppercase;
+ padding-top: 5px;
+}
+
+.project-search-result-card-location {
+ font-size: 14px;
+ font-family: Inter;
+ font-weight: 50;
+ text-transform: uppercase;
+}
+
+.project-search-result-card-price {
+ font-size: 21px;
+ font-family: Inter;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+.project-search-result-card-details-container {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-evenly;
+ align-items: center;
+ width: 100%;
+ padding-top: 4px;
+}
+
+.project-search-result-card-details-item {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ color: rgba(0, 0, 0, 0.3);
+ font-size: 14px;
+ gap: 3px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index d38834f..7e6e607 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,7 @@
+