Question: HTML5 and CSS3, been having issues getting it to do what the pictures show belowe, i attache last good code, thank you for the help.

HTML5 and CSS3, been having issues getting it to do what the pictures show belowe, i attache last good code, thank you for the help.

Richard Ricardo's Hobbies Page
Logo
Richard Ricardo's Hobbies
For the little child in all of us!
Welcome to my site. Please come in and get to know me better.

The quick brown fox jumps over the lazy dog. change this text according to your needs. this is a paragraph, written inside p tag. the quick brown fox jumps over the lazy dog. the quick brown fox jumps over the lazy dog. the quick brown fox jumps over the lazy dog.
the quick brown fox jumps over the lazy dog. the quick brown fox jumps over the lazy dog.

Richard Ricardo's Hobbies

My Guarantee

I am sure you will know more about my hobbies.You may like some of them!
&copy 2099 Richard Ricardo

===============

style.css

===============

/* change the body color */ body { background-color:#8FD98F; }

/* this container, the page on which we every element lies */ .container { background-color:#C8DF79; width:800px; margin-left:auto; margin-right:auto; box-shadow:0px 0px 20px 7px black; border: 2px solid black; margin-top:0px; color:#166007 } .logo { margin:10px; float:left; background-color:brown; height:90px; width:90px; } .banner { margin:10px; float:left; height:70px; width:*; padding-top:15px;

} .banner #title { font-size:40px; font-weight:bold; color:#166007 } .banner #tag { font-size:20px; color:#166007 } .header { background-color:#86BEA9; background-image: linear-gradient(45deg, white,#86BEA9 , white); height:110px; } .body { padding-top:30px; padding: 30px 60px 20px 50px; margin-left: 120px; }

/* heading of body */ .body #heading { font-size:34px; color:#166007; }

/* change the size of first word */ .body #drop { font-size:64px; color:#166007; }

/* footer with reverse liner gradient */ .footer { height:30px; background-image: linear-gradient(-45deg, white ,black , white ); padding-top:15px; color:#166007; }

/* newly added aside code/ aside { float: left; width: 175px; padding-top: 20px; }HTML5 and CSS3, been having issues getting it to do what theHTML5 and CSS3, been having issues getting it toHTML5 and CSS3, been having issues getting it to

File Edit View Hitory Bookmarks Iools Help Richard Ricardo's Hobby.... X localhost:8080/ricardo_richard_assignment2/q5/ Richard Ricardo's Hobbies For the little child in all of us! Home Soccer Cooking Gardening Gaming elcome to my site. Please come in and get to know me better. I started this web site because I have many hobbies. A hobby is a regularly undertaken activity that is done for pleasure, typically, during one's leisure time When I am old, I want to remember and I want my children to remember whatI really like to do If you click on the links, you can browse my different hobbies. And if you join my email list, I will keep you up-to-date on all my hobbies. Favorite Soccer Team of the Year ICHES UNITE Manchester United Football Club My guarantee I am sure you will know more about my hobbies. You may like some of them! O 2099 Richard Ricardo File Edit View Hitory Bookmarks Iools Help Richard Ricardo's Hobby." localhost:8080/ricardo-richard-assignment2/g5/ Richard Ricardo's Hobbies For the little child in all of us! Home Soccer Cooking Gardening Gaming About Me Personal e to my site. Please come in and get to etter. All Hobbies site because I have many hobbies. A hobby is a regularly ty that is done for pleasure, typically, during one's leisure time want to remember and I want my children to remember whatI Contact Me really like to do If you click on the links, you can browse my different hobbies. And if you join my email list, I will keep you up-to-date on all my hobbies. Favorite Soccer Team of the Year ICHES UNITE Manchester United Football Club My guarantee I am sure you will know more about my hobbies. You may like some of them! O 2099 Richard Ricardo localhost:8080/ricardo_richard_assignment2/q5/index.htm

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!