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 = () => {