PART 1 3.14 LAB: CSS practice You are to create a web page for the following poem/song, entitled "Yesterday": Yesterday, All those backups seemed a waste of pay. Now my database has gone away. Oh I...

tag with a 16pt Arial font that is blue and italicized. Do not use an

tag. 4. The entire song is embedded in a container that is 600 x 280 pixels, has a two pixel solid blue border, and a five pixel padding. The background color is #F0F0F0. 5. The outer

's first child is the

. The 4 child

s follow, declared in the order listed below. 6. The yellow section: · has a background color of "yellow" · floats to the left · has a 200 pixel width · has a 10 pixel padding · has a right margin of 10 pixels, with all other margins set to 0 7. The section with no background color has no CSS styling. 8. The orange section: · has a background color of "orange" · is positioned at (110px, 200px) with absolute positioning · has a 200 pixel width · has a 10 pixel padding 9. The orange-red section: · has a background color of "rgb(255, 80, 0)" · has white text · floats to the right · has a 200 pixel width · has a 10 pixel padding · has a right margin of 40 pixels, a top margin of 20 pixels, and all other margins set to 0 10. Do not use anywhere in your HTML. LABACTIVITY 3.14.1: LAB: CSS practice 0 / 10 Submission Instructions Downloadable files index.html Download Upload your files below by dragging and dropping into the area or choosing a file on your hard drive. index.html Drag file hereorChoose on hard drive. PART 2 3.15 LAB: Flexbox Styling Complete a CSS stylesheet such that the provided HTML (oatmeal_cookies.html) looks like the following webpage. To achieve the desired web page, the following style rules should be utilized: ·

 tag: set display to be flex and justify-content to be space-between · content class: set display to be flex and flex-wrap to be wrap · main-content class: set display to be flex, flex-wrap to be wrap, flex-grow to be 1, and flex-basis to be 70% · title class: set display to be flex and align-items to be baseline · summary class: set display to be flex, justify-content to be space-evenly, flex-grow to be 1, and flex-basis to be 100% ·

 tag child of

 tag child of summary class: set display to be flex and justify-content to be space-between · ingredients and directions classes: set flex-grow to be 1 and flex-basis to be 45% · related-content class: set flex-grow to be 1 and flex-basis to be 20% LABACTIVITY 3.15.1: LAB: Flexbox Styling 0 / 10 Submission Instructions Downloadable files oatmeal_cookies.html , styles.css ,