From 009e8199b4044eabc3db91353f0156b5c2be9a6b Mon Sep 17 00:00:00 2001 From: jaronw1 Date: Wed, 8 Mar 2023 09:13:22 -0800 Subject: [PATCH 1/2] git --- css/index.html | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 css/index.html diff --git a/css/index.html b/css/index.html new file mode 100644 index 00000000..fca8abd9 --- /dev/null +++ b/css/index.html @@ -0,0 +1,43 @@ + + + + + + +

Meet Guidebooks

+

Discover hundred of local spots recommended by AirBnB hosts

+
+ + + + +
+ +

Just for the weekend

+

Discover new, inspiring places close to home

+ + +
+ + + + +
+ + + + + + + + + + + + + + + + + + From 9775f03391339c1a55650a7ea0e964892ef6f460 Mon Sep 17 00:00:00 2001 From: jaronw1 Date: Wed, 8 Mar 2023 10:00:32 -0800 Subject: [PATCH 2/2] solve hw with flexbox --- css/index.html | 43 ------------------------------------ css/style.css | 38 ++++++++++++++++++++++++++++++-- index.html | 60 ++++++++++++++++++++++++++++++++++++++++++++++++-- 3 files changed, 94 insertions(+), 47 deletions(-) delete mode 100644 css/index.html diff --git a/css/index.html b/css/index.html deleted file mode 100644 index fca8abd9..00000000 --- a/css/index.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - -

Meet Guidebooks

-

Discover hundred of local spots recommended by AirBnB hosts

-
- - - - -
- -

Just for the weekend

-

Discover new, inspiring places close to home

- - -
- - - - -
- - - - - - - - - - - - - - - - - - diff --git a/css/style.css b/css/style.css index 26f119bf..9be2ad55 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,37 @@ -h1 { - color: salmon; +* { + margin: 0; + box-sizing: border-box; + font-family: "Raleway", sans-serif; + color: #4b4c4e; + +} + +.card { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + padding: 20px; + text-align: center; +} + +.images{ + display: flex; +} + +.images section { + display: flex; + justify-content: center; + align-items: center; +} + + .images p{ + position:absolute; + color: white; + font-weight: 600; + font-size: 40px; + } + +button { + padding: 1rem 7rem; } diff --git a/index.html b/index.html index 8cd37ffb..c2bc3b39 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,62 @@ Hello Front-End -

Hello Front-End

- + + + + + +
+ +
+

Meet Guidebooks

+

Discover hundred of local spots recommended by AirBnB hosts

+
+
+
+ san francscio +

San Francisco

+
+
+ new york +

New York

+
+
+ london +

London

+
+
+ + + +
+
+

Just for the weekend

+

Discover new, inspiring places close to home

+
+
+
+ napa +

Napa

+
+
+ sonoma +

Sonoma

+
+
+ san francscio +

San Francisco

+
+ + + + + + + + + + + +