From 441584d9f9ff123799d2debb8d1dc1fa049f65c9 Mon Sep 17 00:00:00 2001 From: kleddy17 Date: Sat, 22 Aug 2020 08:25:09 -0400 Subject: [PATCH 1/2] added homework --- css/style.css | 32 ++++++++++++++++++++++++++++++- index.html | 53 +++++++++++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 82 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 26f119b..e0a0ad5 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,33 @@ + + + + h1 { - color: salmon; + text-align: center; + color: gray; + + } + +h2 { + text-align: center; + color: gray; +} + + + +p { + text-align: center; +} + +.container { + display: grid; + justify-content: center; + grid-template-columns: repeat(3,1fr); + grid-template-rows: repeat(3,1fr); + align-items: center; + align-content: space-around; + } + + + diff --git a/index.html b/index.html index 8cd37ff..0d0f925 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,58 @@ - Hello Front-End + AirBNB Deliverable + + + -

Hello Front-End

+ +

Meet Guidebooks

+

Discover hundreds of local spots recommended by Airbnb hosts

+ +
+ +
+

San Francisco

+ +
+ +
+

New York

+ +
+ +
+

London

+ +
+ +

Just for the weekend

+ +

Discover new, inspiring places close to home

+ + + +
+

Napa

+ +
+ +
+

Sonoma

+ +
+ +
+

San Francisco

+ +
+ +
+ + + + From 14a90ba42e6fad0f35a6813144aef81826d2b673 Mon Sep 17 00:00:00 2001 From: kleddy17 Date: Mon, 14 Sep 2020 18:42:23 -0400 Subject: [PATCH 2/2] Airbnb Deliverable --- css/style.css | 17 +++++++++++------ index.html | 4 ++++ 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/css/style.css b/css/style.css index e0a0ad5..1465582 100644 --- a/css/style.css +++ b/css/style.css @@ -21,13 +21,18 @@ p { } .container { - display: grid; - justify-content: center; - grid-template-columns: repeat(3,1fr); - grid-template-rows: repeat(3,1fr); - align-items: center; - align-content: space-around; +display: flex; +flex-direction: row; +flex-wrap: wrap; +justify-content: flex-start; +align-content: flex-end; +align-items: flex-end; } + .button { + background-color: white; + width: 300px; + margin: 10 auto; + } diff --git a/index.html b/index.html index 0d0f925..8e99c71 100644 --- a/index.html +++ b/index.html @@ -54,6 +54,10 @@

Discover new, inspiring places close to home

+
+ See all destionations +
+