step 11

2025-11-04 10:56:19 +01:00
parent 1af49f5228
commit 28edfef8bf
5 changed files with 114 additions and 12 deletions
--- a/first-app/src/app/details/details.css
+++ b/first-app/src/app/details/details.css
@@ -0,0 +1,62 @@
+.listing-photo {
+    height: 600px;
+    width: 50%;
+    object-fit: cover;
+    border-radius: 30px;
+    float: right;
+}
+.listing-heading {
+    font-size: 48pt;
+    font-weight: bold;
+    margin-bottom: 15px;
+}
+.listing-location::before {
+    content: url('/assets/location-pin.svg') / '';
+}
+.listing-location {
+    font-size: 24pt;
+    margin-bottom: 15px;
+}
+.listing-features > .section-heading {
+    color: var(--secondary-color);
+    font-size: 24pt;
+    margin-bottom: 15px;
+}
+.listing-features {
+    margin-bottom: 20px;
+}
+.listing-features li {
+    font-size: 14pt;
+}
+li {
+    list-style-type: none;
+}
+.listing-apply .section-heading {
+    font-size: 18pt;
+    margin-bottom: 15px;
+}
+label, input {
+    display: block;
+}
+label {
+    color: var(--secondary-color);
+    font-weight: bold;
+    text-transform: uppercase;
+    font-size: 12pt;
+}
+input {
+    font-size: 16pt;
+    margin-bottom: 15px;
+    padding: 10px;
+    width: 400px;
+    border-top: none;
+    border-right: none;
+    border-left: none;
+    border-bottom: solid .3px;
+}
+@media (max-width: 1024px) {
+    .listing-photo {
+        width: 100%;
+        height: 400px;
+    }
+}