From ce820cd643932fbd14bcb7fa5f4d43c01dedb7df Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 20:19:53 +0200 Subject: [PATCH 01/35] Added a Roboto font style and link to css file --- Cakes-Co/index.html | 30 +++++++++++++++++++----------- 1 file changed, 19 insertions(+), 11 deletions(-) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index 60b1afe1..96c67c7a 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -1,16 +1,24 @@ - - - - - + + + + Responsive Cake webpage - - - - - + + + + - \ No newline at end of file + + + + + + + + From 34307949a0db9b6726c8db0d955625898cc8e8c5 Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 21:17:01 +0200 Subject: [PATCH 02/35] Created header tags,with an image logo with a paragraph tag. --- Cakes-Co/index.html | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index 96c67c7a..6f92253f 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -14,11 +14,33 @@ rel="stylesheet" /> - + - + +
+ + + +
+
+ an image of an icon menu +
+ +
+

The best cakes in town delivered to your door

+
+
+
From 24f23ed57e0530361fe25d542ffde66530fb18c6 Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 21:18:39 +0200 Subject: [PATCH 03/35] Applied CSS properties to the header logo, menu icon and paragraph. --- Cakes-Co/style.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/Cakes-Co/style.css b/Cakes-Co/style.css index 6de1b356..3e0866bc 100644 --- a/Cakes-Co/style.css +++ b/Cakes-Co/style.css @@ -1 +1,27 @@ /* Add your styling here */ + +header { + display: flex; + justify-content: space-between; +} + +.header-img-text { + display: grid; + grid-template-rows: 1fr 1fr; + justify-items: end; +} + +.header-logo img { + width: 150px; + border-radius: 50%; +} + +.header-menu img { + width: 50px; +} + +.header-text { + font-size: 35px; + text-wrap: wrap; + text-align: right; +} From 976af156970cc37e7c194b54074c662a8336414a Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 21:45:25 +0200 Subject: [PATCH 04/35] A main section with a h1,p and img tag for the main section --- Cakes-Co/index.html | 23 +++++++++++++++++++++++ Cakes-Co/style.css | 5 ++++- 2 files changed, 27 insertions(+), 1 deletion(-) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index 6f92253f..0eecb2a1 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -42,5 +42,28 @@ + + + +
+

Welcome

+
+

+ Thank you for visiting ShelbyCakes, where we craft beautiful, custom + cakes for every special occasion. From birthdays to weddings, our + delicious creations are designed to bring your cake visions to life. + Explore our flavors and designs, and let us sweeten your celebrations + with a touch of joy! +

+
+ +
+ an black and gold cake +
+
diff --git a/Cakes-Co/style.css b/Cakes-Co/style.css index 3e0866bc..107f5357 100644 --- a/Cakes-Co/style.css +++ b/Cakes-Co/style.css @@ -1,8 +1,9 @@ -/* Add your styling here */ +/* ------------HEADER---------*/ header { display: flex; justify-content: space-between; + background-color: beige; } .header-img-text { @@ -25,3 +26,5 @@ header { text-wrap: wrap; text-align: right; } + +/* ------------HEADER---------*/ From bf04c741cba06f85838124ece54a741d5c399728 Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 22:11:21 +0200 Subject: [PATCH 05/35] Change img src,width of header and added a comment in css --- Cakes-Co/index.html | 2 +- Cakes-Co/style.css | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index 0eecb2a1..d4c1c6f2 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -60,7 +60,7 @@

Welcome

an black and gold cake
diff --git a/Cakes-Co/style.css b/Cakes-Co/style.css index 107f5357..ed8a9cbe 100644 --- a/Cakes-Co/style.css +++ b/Cakes-Co/style.css @@ -4,6 +4,7 @@ header { display: flex; justify-content: space-between; background-color: beige; + width: 100%; } .header-img-text { @@ -27,4 +28,4 @@ header { text-align: right; } -/* ------------HEADER---------*/ +/* ------------MAIN---------*/ From 7342ddf80ea0708f4c56da4cdcf2dbc26a50d153 Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 22:12:32 +0200 Subject: [PATCH 06/35] Change the alt attribute of main image --- Cakes-Co/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index d4c1c6f2..55035c4f 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -61,7 +61,7 @@

Welcome

an black and gold cake From fd7723c001956cc0a65877222dc3e9f27af52f83 Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 22:15:21 +0200 Subject: [PATCH 07/35] Created a collective div for main tag section 1 --- Cakes-Co/index.html | 34 ++++++++++++++++++---------------- 1 file changed, 18 insertions(+), 16 deletions(-) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index 55035c4f..b1092ba8 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -46,23 +46,25 @@
-

Welcome

-
-

- Thank you for visiting ShelbyCakes, where we craft beautiful, custom - cakes for every special occasion. From birthdays to weddings, our - delicious creations are designed to bring your cake visions to life. - Explore our flavors and designs, and let us sweeten your celebrations - with a touch of joy! -

-
+
+

Welcome

+
+

+ Thank you for visiting ShelbyCakes, where we craft beautiful, custom + cakes for every special occasion. From birthdays to weddings, our + delicious creations are designed to bring your cake visions to life. + Explore our flavors and designs, and let us sweeten your + celebrations with a touch of joy! +

+
-
- a beautiful cake +
+ a beautiful cake +
From 902cf3142373d883b993eb792a0990d337eb174e Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 22:34:41 +0200 Subject: [PATCH 08/35] applied css font and adjusted the size of image.Deleted a div --- Cakes-Co/index.html | 34 ++++++++++++++++------------------ Cakes-Co/style.css | 15 +++++++++++++++ 2 files changed, 31 insertions(+), 18 deletions(-) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index b1092ba8..55035c4f 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -46,25 +46,23 @@
-
-

Welcome

-
-

- Thank you for visiting ShelbyCakes, where we craft beautiful, custom - cakes for every special occasion. From birthdays to weddings, our - delicious creations are designed to bring your cake visions to life. - Explore our flavors and designs, and let us sweeten your - celebrations with a touch of joy! -

-
+

Welcome

+
+

+ Thank you for visiting ShelbyCakes, where we craft beautiful, custom + cakes for every special occasion. From birthdays to weddings, our + delicious creations are designed to bring your cake visions to life. + Explore our flavors and designs, and let us sweeten your celebrations + with a touch of joy! +

+
-
- a beautiful cake -
+
+ a beautiful cake
diff --git a/Cakes-Co/style.css b/Cakes-Co/style.css index ed8a9cbe..7e5cedb7 100644 --- a/Cakes-Co/style.css +++ b/Cakes-Co/style.css @@ -29,3 +29,18 @@ header { } /* ------------MAIN---------*/ + +/* -----------------SECTION 1-------------------*/ + +main h1 { + font-size: 30px; +} + +main p { + font-size: 21px; +} + +.main-image { + width: 100%; + height: 400px; +} From 226e181d0522f6b8ad643604a43227ffe9107bdb Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 22:37:02 +0200 Subject: [PATCH 09/35] Added comment to divide main into 2 sections --- Cakes-Co/index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index 55035c4f..ba769950 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -46,6 +46,7 @@
+

Welcome

@@ -64,6 +65,7 @@

Welcome

alt="a beautiful cake" />
+
From 647990b78518173fdee0ac89f1d6a0b1afb864e6 Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 22:49:13 +0200 Subject: [PATCH 10/35] Inserted 4 img tags with a div in section 2 --- Cakes-Co/index.html | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index ba769950..7e83c96a 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -66,6 +66,20 @@

Welcome

/> +
+ + + + +
From ff6b10dc905c56c4867f8728913e4eaeb8df06a4 Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 23:07:08 +0200 Subject: [PATCH 11/35] Applied css properties to section 2 alignment and positioning --- Cakes-Co/style.css | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/Cakes-Co/style.css b/Cakes-Co/style.css index 7e5cedb7..a0e19ddf 100644 --- a/Cakes-Co/style.css +++ b/Cakes-Co/style.css @@ -32,6 +32,10 @@ header { /* -----------------SECTION 1-------------------*/ +main { + padding: 7px; +} + main h1 { font-size: 30px; } @@ -42,5 +46,22 @@ main p { .main-image { width: 100%; - height: 400px; +} +/* -----------------SECTION 2-------------------*/ + +.image-of-four { + box-sizing: border-box; + width: 100%; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr 1fr; + row-gap: 20px; + column-gap: 20px; + margin-top: 20px; + margin-bottom: 40px; +} + +.image-of-four img { + width: 100%; + height: 100%; } From 4a64010bc905e220aa7d422b6e586a9ec734493e Mon Sep 17 00:00:00 2001 From: Priscilla Mac-Gatus Date: Mon, 23 Sep 2024 23:10:32 +0200 Subject: [PATCH 12/35] Added a footer to the body tag with p tags --- Cakes-Co/index.html | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index 7e83c96a..5af52256 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -81,5 +81,20 @@

Welcome

/> - + + + +