From 0d85b601be43ad4f372f5640a518a438e8f45176 Mon Sep 17 00:00:00 2001 From: soyed Date: Wed, 7 Apr 2021 21:02:40 -0400 Subject: [PATCH] updated the single listings page --- src/images/{house3-2.png => house3-2.jpg} | Bin .../single-listing-1/listing-page-1.css | 21 ++----- .../single-listing-1/listing-page-1.js | 52 ++++++++--------- .../single-listing-2/listing-page-2.css | 21 ++----- .../single-listing-2/listing-page-2.js | 55 +++++++++--------- .../single-listing-3/listing-page-3.css | 21 ++----- .../single-listing-3/listing-page-3.js | 48 +++++++-------- .../single-listing-4/listing-page-4.css | 21 ++----- .../single-listing-4/listing-page-4.js | 16 ++--- 9 files changed, 100 insertions(+), 155 deletions(-) rename src/images/{house3-2.png => house3-2.jpg} (100%) diff --git a/src/images/house3-2.png b/src/images/house3-2.jpg similarity index 100% rename from src/images/house3-2.png rename to src/images/house3-2.jpg diff --git a/src/listings-page/single-listing-1/listing-page-1.css b/src/listings-page/single-listing-1/listing-page-1.css index a52f571..3be6c27 100644 --- a/src/listings-page/single-listing-1/listing-page-1.css +++ b/src/listings-page/single-listing-1/listing-page-1.css @@ -1,6 +1,7 @@ .single-listing-1{ padding: 7% 15%; /* background-color: darksalmon; */ + text-align: center; } .listing-header{ @@ -13,32 +14,24 @@ /* font-style: italic; */ } -.title-icon{ - -} - .listing-carousel{ margin: 5% 15%; width: 70%; /* padding-right: 10; */ } -.carousel-img{ - /* width: 70%; */ -} - - .amentities{ border: 1px solid black; /* padding: 5% 0; */ margin: 3% 40%; - padding: 1% 0%; + /* padding: 1% 0%; */ } .amentities-text{ - + font-size: 2rem; } + .amentities-icon{ - margin: 0% 5%; + padding: 2% 7%; } .description-box{ @@ -49,10 +42,6 @@ .description-title{ padding: 2% 0%; -} -.listing-description{ - - } .booking-btn{ diff --git a/src/listings-page/single-listing-1/listing-page-1.js b/src/listings-page/single-listing-1/listing-page-1.js index 1d4d219..6c26a15 100644 --- a/src/listings-page/single-listing-1/listing-page-1.js +++ b/src/listings-page/single-listing-1/listing-page-1.js @@ -3,7 +3,9 @@ import "./listing-page-1.css"; import { Link } from "react-router-dom"; // import house images -import house_img1 from "../../images/house1-2.jpg"; +import house_img1 from "../../images/house3.jpg"; +import house_img2 from "../../images/house1-2.jpg"; +import house_img3 from "../../images/house1-3.jpg"; const ListingPage1 = () => { return (
@@ -33,14 +35,14 @@ const ListingPage1 = () => {