From 98bd852ba156d8e46381bdd24d83871c0920bfe9 Mon Sep 17 00:00:00 2001 From: epizarro98 Date: Wed, 19 Aug 2020 22:59:36 -0400 Subject: [PATCH 1/4] Testing --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 8cd37ff..a0b5121 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,6 @@ Hello Front-End -

Hello Front-End

+

Food

From f99f6594435982cd2f7069e6c9c6e9e04adb34bd Mon Sep 17 00:00:00 2001 From: epizarro98 Date: Fri, 21 Aug 2020 22:08:58 -0400 Subject: [PATCH 2/4] deliverable --- index copy.html | 49 ++++++++++++++++++ style.css | 135 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 184 insertions(+) create mode 100644 index copy.html create mode 100644 style.css diff --git a/index copy.html b/index copy.html new file mode 100644 index 0000000..aaca894 --- /dev/null +++ b/index copy.html @@ -0,0 +1,49 @@ + + + + + + + Hello Front-End + + + +

Meet Guidebooks

+
Discover hundreds of local spots recommended by Airbnb hosts
+ + + +
San Francisco
+ + +
New York
+ + +
London
+ +
+ See All Guidebooks +
+
+

+ Just for the weekend +

+ +
+
Discover new, inspiring places close to home.
+
+ + +
Napa
+ + +
Sanoma
+ + +
San Francisco
+ +
+ See All Destinations +
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..e51ea0b --- /dev/null +++ b/style.css @@ -0,0 +1,135 @@ +.num1 { + color: #595959; + text-align: center; + text-emphasis: bold; +} + +.discover { + color: gray; + text-align: center; +} + +img { + margin-left: 300px; + width: 250px; + height: 250px; + margin-top: 0px; +} + +.ny{ + margin-left: 20px; + width: 250px; + height: 250px; + margin-top: 0px; +} + +.london{ +margin-top: -500px; +height: 274px; +weight: 230px; +margin-left: 850px; +} + +.box{ + color: #595959; + width: 300px; + height: 40px; + border: 1px solid black; + margin-top: 50px; + margin-left: 550px; + text-align: center; +} + +.weekend{ + text-align: center; + padding: 30px 2px 3px 4px; + font-size: 25px; + color: #595959; +} + +.home{ + padding: 1px 2px 3px 4px; + text-align: center; + color: gray; +} + +.napa{ + margin-left: 300px; + width: 250px; + height: 250px; +} + +.sanoma{ + margin-left: 20px; + width: 250px; + height: 250px; +} + +.sanfran2{ + margin-left: 20px; + margin-top: 20px; + width: 250px; + height: 250px; +} + +.box2{ + color: gray; + width: 300px; + height: 40px; + border: 1px solid black; + margin-top: 50px; + margin-left: 550px; + text-align: center; +} + +body{ + font-family: 'Noto Sans JP', sans-serif; +} + +.sf{ + position: absolute; + top: 32%; + left: 24%; + color: white; + font-size: 30px; +} + +.newyork{ + position: absolute; + top: 32%; + left: 45%; + color: white; + font-size: 30px; +} + +.uk{ + position: absolute; + top: 32%; + left: 65%; + color: white; + font-size: 30px; +} + +.napatext{ + position: absolute; + top: 103%; + left: 28%; + color: white; + font-size: 30px; +} + +.sanomatext{ + position: absolute; + top: 103%; + left: 46%; + color: white; + font-size: 30px; +} + +.sanfran2text{ + position: absolute; + top: 103%; + left: 62%; + color: white; + font-size: 30px; +} \ No newline at end of file From ae63a2cd182c8c41b77c4d1e14d843e6ed8fb925 Mon Sep 17 00:00:00 2001 From: epizarro98 Date: Sat, 22 Aug 2020 02:37:22 -0400 Subject: [PATCH 3/4] Flexbox-vs-grid --- 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 6af4d04fb18fe85d79c825e05b5b577607cb43d0 Mon Sep 17 00:00:00 2001 From: epizarro98 Date: Sat, 22 Aug 2020 02:52:39 -0400 Subject: [PATCH 4/4] Flexbox-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..93b8f77 100644 --- a/flex-vs-grid.md +++ b/flex-vs-grid.md @@ -0,0 +1 @@ +### Flexbox and grid have similarities but differ in their own way. Flexbox is used more for in-line layout and focused more on keeping things in a row, or in a column but cant do both at the same time. Grid has the capabilities to line things up in two directions, using rows and columns. They mainly do the same thing, except one is a bit more complex than the other. \ No newline at end of file