diff --git a/index.css b/index.css
index f949e66..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,10 +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 {
@@ -106,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;
@@ -115,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 a48d8e5..730b38a 100644
--- a/index.html
+++ b/index.html
@@ -3,70 +3,89 @@
-
+
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.
+ 
+ 
+ 
+