From 7672b5d9f50a407a32ab3af6ec8d52b2196b1a3f Mon Sep 17 00:00:00 2001 From: Voya96 Date: Thu, 20 Aug 2020 11:48:35 -0400 Subject: [PATCH 1/5] first commit, added flex-vs-grid.md --- flex-vs-grid.md | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 flex-vs-grid.md diff --git a/flex-vs-grid.md b/flex-vs-grid.md new file mode 100644 index 0000000..e69de29 From d68fb4553d1f7b403a89624d904c13fec98e94b6 Mon Sep 17 00:00:00 2001 From: Voya96 Date: Thu, 20 Aug 2020 12:11:33 -0400 Subject: [PATCH 2/5] add test sentence to flex-vs-grid --- flex-vs-grid.md | 1 + 1 file changed, 1 insertion(+) diff --git a/flex-vs-grid.md b/flex-vs-grid.md index e69de29..3f550ae 100644 --- a/flex-vs-grid.md +++ b/flex-vs-grid.md @@ -0,0 +1 @@ +# Let's see if this works \ No newline at end of file From 2f2e6a45bce361cdfa0c44c99177c756c7dea046 Mon Sep 17 00:00:00 2001 From: Voya96 Date: Thu, 20 Aug 2020 14:14:19 -0400 Subject: [PATCH 3/5] added a new line to flex-vs-grid --- flex-vs-grid.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/flex-vs-grid.md b/flex-vs-grid.md index 3f550ae..212a07a 100644 --- a/flex-vs-grid.md +++ b/flex-vs-grid.md @@ -1 +1,3 @@ -# Let's see if this works \ No newline at end of file +# Let's see if this works + +## Testing testing 1 2 3 \ No newline at end of file From ab596602167ed46908419c1275307823b08883e6 Mon Sep 17 00:00:00 2001 From: Voya96 Date: Sat, 22 Aug 2020 02:29:54 -0400 Subject: [PATCH 4/5] commit added to index.html and style.css --- css/style.css | 22 ++++++++++++++++++++-- index.html | 49 ++++++++++++++++++++++++++++++++++++++----------- 2 files changed, 58 insertions(+), 13 deletions(-) diff --git a/css/style.css b/css/style.css index 26f119b..c848104 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,21 @@ -h1 { - color: salmon; +body{ + font-family:'Lato', sans-serif; + background-color: rgb(240,248,255); + text-align: center; } +div{ + display: inline-block; +} +.column { + float: center; + width: 33.33%; + padding: 5px; +} +img{ + width: 300px; + height: 300px; +} +button{ + display: inline-block; + font-size: 12px; +} \ No newline at end of file diff --git a/index.html b/index.html index 8cd37ff..ed1c838 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,39 @@ - - - - - - Hello Front-End - - -

Hello Front-End

- - + + + + AirBnb + + +

Meet Guidebooks

+

Discover hundreds of local spots recommeded by Aribnb hosts

+
+ +

San Francisco

+
+
+ +

New York

+
+
+ London +

London

+
+ +

Just for the weekend

+

Discover new, inspiring places close to home

+
+ Napa +

Napa

+
+
+ Sonoma +

Sonoma

+
+
+ San Francisco +

San Francisco

+
+ + + \ No newline at end of file From a93893f78b169a707045b36a967bf858242584e6 Mon Sep 17 00:00:00 2001 From: Voya96 Date: Sat, 22 Aug 2020 02:47:27 -0400 Subject: [PATCH 5/5] added first paragraph to flex-vs-grid.md --- flex-vs-grid.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/flex-vs-grid.md b/flex-vs-grid.md index 212a07a..5654cdc 100644 --- a/flex-vs-grid.md +++ b/flex-vs-grid.md @@ -1,3 +1 @@ -# Let's see if this works - -## Testing testing 1 2 3 \ No newline at end of file +## What I learned about Flexbox and Grid is that while one is more focused on changing the space around the content, the other is more focused on making changes to the content. A difference that Flexbox and Grid have is that Flexbox works for chaging the layout for either a row or column. With Grid you can change the layout of the coloumm and row at the same time. \ No newline at end of file