diff --git a/index.css b/index.css index f949e66..1c1dd3d 100644 --- a/index.css +++ b/index.css @@ -1,11 +1,20 @@ /*======= Create a new universal selector that changes the font color to: #3C373B */ - +*{ + color:#3C373B; + /* border: 2px solid red; */ +} +body{ + width:50%; + text-align: center; + margin: auto +} h1 { font-family: 'Gaegu', cursive; margin: 20px 0; /*======= Update the font size to 60px and center the text */ - font-size: 10px; + font-size: 60px; + text-align: center; } h2, h3, h4, h5, h6 { @@ -13,7 +22,8 @@ h2, h3, h4, h5, h6 { 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,6 +34,12 @@ 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: @@ -31,21 +47,25 @@ line-height: 1.4; border-radius: 10px; */ - +img{ + border-radius: 10px; +} .content-row { display: flex; } .content-row div { /*======= create a margin propery. Set the value to 20px */ + margin: 20px; } .container { /*======= create a width property. Set the value to 605px */ + width: 605px; margin: 0 auto; } -.container header nav a { +header nav a { margin: 0 10px; border: 1px solid lightgray; padding: 20px; @@ -55,20 +75,28 @@ line-height: 1.4; text-decoration: none; margin-bottom: 20px; /*======= create a background property. Set the value to #F87B99 */ + background: #F87B99; } -.container header nav a:hover { +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. */ +background: white; +color: pink; } /*======= Create a selector for the about section to have the following styles: margin-top: 20px; */ +.about{ + margin-top: 20px; + +} .contact-section { border-top: 1px dashed black; padding: 20px 0; + text-align: left; } .contact-section h2 { @@ -80,16 +108,21 @@ line-height: 1.4; line-height: 2; */ +address{ + line-height: 2; +} + footer { width: 100%; background: #F87B99; border-top: 1px dashed white; } -footer .footer-content { - margin: 0 auto; +.footer-content { + /* margin: 0 auto; */ /*======= create a width property. Set the value to 600px */ - + width: 600px; + text-align: left; } footer .footer-content h3 { @@ -106,6 +139,13 @@ footer nav { color: black; text-decoration: underline; */ +footer a{ + margin: 10px; + color: black; + text-decoration: underline; + display: inline-block; + margin: 0 10px; +} footer nav a:first-child { @@ -116,7 +156,12 @@ footer nav a:first-child { color: white; */ +footer a:hover{ + color: white; +} + footer .footer-content .copyright { padding: 20px 0; /*======= center the text here */ + text-align: center; } diff --git a/index.html b/index.html index a48d8e5..2e8affb 100644 --- a/index.html +++ b/index.html @@ -4,69 +4,95 @@
+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.
+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.
+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.
+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.
+