From 59be1a495d902c7537148a17cefa9be99bbce84d Mon Sep 17 00:00:00 2001 From: Jomar Banting Date: Mon, 23 Jan 2023 22:14:13 -0500 Subject: [PATCH 1/2] Solved the index.html challenge --- index.css | 1 + index.html | 126 +++++++++++++++++++++++++++++++---------------------- 2 files changed, 74 insertions(+), 53 deletions(-) diff --git a/index.css b/index.css index f949e66..133f08d 100644 --- a/index.css +++ b/index.css @@ -88,6 +88,7 @@ footer { footer .footer-content { margin: 0 auto; + width: 600px; /*======= create a width property. Set the value to 600px */ } diff --git a/index.html b/index.html index a48d8e5..176ac86 100644 --- a/index.html +++ b/index.html @@ -3,70 +3,90 @@ - + Sweet Eats Bakery +
+

Sweet Eats Bakery

+ +
- - Sweet Eats Bakery - - - About - Cookies - Celebrations - Catering - Contact - - - - About Sweet Eats Bakery - - Marzipan jelly-o macaroon I love macaroon jujubes. Candy candy canes jujubes I love ice cream croissant. Lollipop - donut icing I love liquorice gummi bears marzipan. Dragée jelly beans apple pie cotton candy lemon drops pastry candy - powder. - + +
+ +

About Sweet Eats Bakery

+ +

Marzipan jelly-o macaroon I love macaroon jujubes. Candy candy canes jujubes I love ice cream croissant. + Lollipop + donut icing I love liquorice gummi bears marzipan. Dragée jelly beans apple pie cotton candy lemon drops + pastry candy + powder.

+
+ - - Cookies - - Cookie soufflé dessert carrot cake fruitcake halvah pudding cake. Marzipan topping bear claw soufflé gingerbread - biscuit. Tiramisu gummi bears chocolate bar sugar plum icing muffin cake jelly-o icing. - + +
+

Cookies

+ +

Cookie soufflé dessert carrot cake fruitcake halvah pudding cake. Marzipan topping bear claw soufflé + gingerbread + biscuit. Tiramisu gummi bears chocolate bar sugar plum icing muffin cake jelly-o icing.

+
+ - Celebrations - - Candy apple pie lemon drops sweet roll danish. Tiramisu candy canes jelly-o jelly beans cotton candy pastry pudding - tootsie roll carrot cake. Dessert sesame snaps brownie lemon drops cookie donut dragée. Toffee pie fruitcake powder - gingerbread pudding. - - - Catering - - Sweet jelly-o apple pie powder jelly beans. Pastry sweet roll cake jujubes halvah soufflé brownie. Toffee cookie - lemondrops jelly beans chocolate bar. Wafer muffin jujubes danish tart danish chocolate wafer. - - Contact Us - - yum@sweeteatsbakery.com - 202-555-0144 - 4209 Bobcat Drive - Madison, WI, 48219 - + +
+

Celebrations

+ +

Candy apple pie lemon drops sweet roll danish. Tiramisu candy canes jelly-o jelly beans cotton candy pastry + pudding + tootsie roll carrot cake. Dessert sesame snaps brownie lemon drops cookie donut dragée. Toffee pie fruitcake + powder + gingerbread pudding.

+
+ + + +
+

Catering

+ +

Sweet jelly-o apple pie powder jelly beans. Pastry sweet roll cake jujubes halvah soufflé brownie. Toffee + cookie + lemondrops jelly beans chocolate bar. Wafer muffin jujubes danish tart danish chocolate wafer.

+
+ +
+

Contact Us

+ + yum@sweeteatsbakery.com
+ 202-555-0144 +
4209 Bobcat Drive
+ Madison, WI, 48219
+
- Sweet Eats Bakery - - About - Cookies - Celebrations - Catering - Contact - - Copyright Sweet Eats 2018 + \ No newline at end of file From f8f69245053404be7b850862fecbcd059955c489 Mon Sep 17 00:00:00 2001 From: Jomar Banting Date: Mon, 23 Jan 2023 22:35:07 -0500 Subject: [PATCH 2/2] Solved the index.css challenge --- index.css | 61 +++++++++++++++++++++++++++++++++++++++++------------- index.html | 19 ++++++++--------- 2 files changed, 56 insertions(+), 24 deletions(-) diff --git a/index.css b/index.css index 133f08d..54ccd9f 100644 --- a/index.css +++ b/index.css @@ -1,19 +1,26 @@ /*======= Create a new universal selector that changes the font color to: #3C373B */ - +* { + color: #3C373B; +} h1 { font-family: 'Gaegu', cursive; margin: 20px 0; /*======= Update the font size to 60px and center the text */ - font-size: 10px; + text-align: center; + font-size: 60px; } -h2, h3, h4, h5, h6 { +h2, +h3, +h4, +h5, +h6 { font-family: 'Gaegu', cursive; margin-bottom: 0; padding: 0 10px; /*======= Update the font size to 30px */ - font-size: 10px; + font-size: 30px; } /*======= Create a selector for ALL p tags in the site to have the following styles: @@ -24,13 +31,21 @@ padding: 10px; line-height: 1.4; */ - +p { + font-size: 16px; + font-family: roboto; + padding: 10px; + line-height: 1.4; +} /*======= Create a selector for ALL images in the site to have the following styles: border-radius: 10px; */ +img { + border-radius: 10px; +} .content-row { display: flex; @@ -38,11 +53,13 @@ line-height: 1.4; .content-row div { /*======= create a margin propery. Set the value to 20px */ + margin: 20px; } .container { /*======= create a width property. Set the value to 605px */ margin: 0 auto; + width: 605px; } .container header nav a { @@ -54,17 +71,22 @@ line-height: 1.4; color: white; text-decoration: none; margin-bottom: 20px; - /*======= create a background property. Set the value to #F87B99 */ - + /*======= create a background property. Set the value to #F87B99 */ +background: #F87B99; } .container header nav a:hover { -/*======= create a background property and set it to white. Then create a color property and set it's value to pink. */ + /*======= create a background property and set it to white. Then create a color property and set it's value to pink. */ + background: white; + color: pink; } /*======= Create a selector for the about section to have the following styles: margin-top: 20px; */ +section .about { + margin-top: 20px; +} .contact-section { border-top: 1px dashed black; @@ -79,6 +101,9 @@ line-height: 1.4; /*======= Create a selector for the address tag in the contact-section class to have the following styles: line-height: 2; */ +address .contact-section{ + line-height: 2; +} footer { width: 100%; @@ -86,11 +111,11 @@ footer { border-top: 1px dashed white; } -footer .footer-content { - margin: 0 auto; +footer .footer-content { + margin: 0 auto; width: 600px; /*======= create a width property. Set the value to 600px */ - + } footer .footer-content h3 { @@ -107,7 +132,11 @@ footer nav { color: black; text-decoration: underline; */ - +footer a { + margin: 10px; + color: black; + text-decoration: underline; +} footer nav a:first-child { margin-left: 0; @@ -116,8 +145,12 @@ footer nav a:first-child { /*======= Create a hover state for the anchor tag in the footer nav to have the following styles: color: white; */ +footer a:hover{ + color: white; +} footer .footer-content .copyright { padding: 20px 0; - /*======= center the text here */ -} + /*======= center the text here */ + text-align: center; +} \ No newline at end of file diff --git a/index.html b/index.html index 176ac86..730b38a 100644 --- a/index.html +++ b/index.html @@ -22,8 +22,8 @@

Sweet Eats Bakery

- -
+ +

About Sweet Eats Bakery

@@ -33,10 +33,10 @@

About Sweet Eats Bakery

pastry candy powder.

- + - +

Cookies

@@ -44,9 +44,9 @@

Cookies

gingerbread biscuit. Tiramisu gummi bears chocolate bar sugar plum icing muffin cake jelly-o icing.

- + - +

Celebrations

@@ -56,9 +56,9 @@

Celebrations

powder gingerbread pudding.

- + - +

Catering

@@ -66,13 +66,12 @@

Catering

cookie lemondrops jelly beans chocolate bar. Wafer muffin jujubes danish tart danish chocolate wafer.

-

Contact Us

yum@sweeteatsbakery.com
202-555-0144 -
4209 Bobcat Drive
+
4209 Bobcat Drive
Madison, WI, 48219