From e3c4641ad5e3af74b39e6e0fbd6154eb383c7fc5 Mon Sep 17 00:00:00 2001 From: mame-baba Date: Fri, 27 Nov 2020 14:43:50 +0000 Subject: [PATCH 1/7] htlm semantic added a html semantic to the wireframe --- index.html | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 58 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 60b1afe13..2da30d347 100644 --- a/index.html +++ b/index.html @@ -6,10 +6,67 @@ Responsive Cake webpage + - +
+ +
+

contact

+
+
+ +
+
+

Hello

+

Find Information here

+
+
+ + a carousel image + +
+
+
    +

    img-1

    +

    img-2

    +

    img-3

    +

    img-4

    +
+
+
+
+

Cake-1

+

cake-2

+

cake-3

+
cake-5
+
+ + From b94a4d2b1492d519de49c41cd464bb62c369ac72 Mon Sep 17 00:00:00 2001 From: mame-baba Date: Fri, 27 Nov 2020 15:27:02 +0000 Subject: [PATCH 2/7] added css adding css to the wireframe --- index.html | 4 ++-- style.css | 26 ++++++++++++++++++++++++++ 2 files changed, 28 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 2da30d347..6a6aacabf 100644 --- a/index.html +++ b/index.html @@ -11,10 +11,10 @@
-

contact

+

Contact

diff --git a/style.css b/style.css index 6de1b3567..9eb6c2d8c 100644 --- a/style.css +++ b/style.css @@ -1 +1,27 @@ /* Add your styling here */ +.header{ + font-size: 20px; + margin: 10px; + color: black; + background-color:gray; + display: flex; + justify-content: flex-start; +} +.logo{ + float: right; + display: grid; + align-items: flex-end; +} +.nav-list{ + font-size: 30px; +} +.nav-list ul{ + display: flex; + background-color: gray; + justify-content: space-between; +} +.main{ + border: 20px; + height: 30px; + width: 50px; +} From e79ee87b22cf665547a35f5ea2179f9aa656cfcc Mon Sep 17 00:00:00 2001 From: mame-baba Date: Fri, 27 Nov 2020 17:27:13 +0000 Subject: [PATCH 3/7] addding flex box and inline. adding flex box and inline blocks --- index.html | 18 ++++++++++-------- style.css | 26 ++++++++++++++++++++++---- 2 files changed, 32 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index 6a6aacabf..2494181a0 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ -
+

Contact

@@ -30,23 +30,25 @@

Contact

-
-
-

Hello

+
+
+

Information

+

Find Information here

+
-
+
- a carousel image + a carousel image
-
    +

      img-1

      img-2

      img-3

      img-4

      -
+
diff --git a/style.css b/style.css index 9eb6c2d8c..69a6179e8 100644 --- a/style.css +++ b/style.css @@ -20,8 +20,26 @@ background-color: gray; justify-content: space-between; } -.main{ - border: 20px; - height: 30px; - width: 50px; +.container{ + display: flex; + justify-content: flex-end; + flex-direction: row; + +} +.box-1{ + display: inline; + align-self: start; + flex-direction: column; + margin: 200px; + +} +.box-2{ + display: inline-block; + justify-content: baseline; + } +.img-list ul{ + display: inline; + align-items: ; +justify-content: column; +} \ No newline at end of file From 917b18f1b5319ce108852688a7a79de0a5bb062a Mon Sep 17 00:00:00 2001 From: mame-baba Date: Fri, 27 Nov 2020 17:58:59 +0000 Subject: [PATCH 4/7] Styling adding css and flex-box --- index.html | 16 ++++++++++++---- style.css | 27 ++++++++++++++++++++------- 2 files changed, 32 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 2494181a0..75df5e538 100644 --- a/index.html +++ b/index.html @@ -52,10 +52,18 @@

Information

-

Cake-1

-

cake-2

-

cake-3

-
cake-5
+
+ cake-box-1
+
+ cake-box-2 +
+
+ cake-box-3 +
+
+ cake-box-4 +
+