Question: Chrome File Edit View History Bookmarks Profiles Tab Window Help :88 13% Sun 1:09 PM Q DE ... M M O 45 G * *

Chrome File Edit View History Bookmarks Profiles Tab Window Help :88 13% Sun 1:09 PM Q DE ... M M O 45 G * * * * G + style.css - LAB_ Auto loan (CSS) C a learn.zybooks.com/zybook/WGUD276v1/cha... Update EXPLORER * Welcome recommend.html # style.css X zyBooks - ? OPEN EDITORS # style.css > & .container Welcome 1 body{font-family: Roboto, Helvetica , sans-serif; } recommend.ht... h1{font-size: 16px; W N color: 0#444444; 5.11 LAB: Sleep recommendation list (CSS) pdf X # style.css text-align: center;} LAB_ AUTO LOAN (CSS) Modify the given HTML file to look like the web page below. index.html . container{text-align: # style.css 7 center; margin: 5px; 8 font-size: 13px; } 9 Sleep Duration Recommendations 10 . offer{display: 11 inline-block; 12 width: 400px; . School-aged children (6-13 years) - 9-11 hours 13 margin: 4px; Teenagers (14-17 years) - 8-10 hours 14 text-align: center . Young adults (18-25 years) - 7-9 hours 15 border: 1px solid #cccccc; . Adults (26-64 years) - 7-9 hours 16 border-radius: 1px; . Older adults (65+ years) - 7-8 hours 17 box-shadow: 0px 2px 2px #dddddd, Opx 0px 5px #ddo 18 Source: National Sleep Foundation's Sleep Duration Recommendations 19 . offerTitle{font-size: 14px; 20 font-weight: bold; 21 color: #ffffff; Add CSS rules to the embedded stylesheet so each element uses the following styles: 22 background-color: #00b363; 23 padding: 15px; } 24 . uses Arial, Helvetica, sans-serif font family, 18px font size, and #EDF4FB background 25 . offerContents {padding: 20px; color 26 border-bottom-left-radius: 2px; .
uses RGB (26, 69, 107) font color 27 border-bottom-right-radius: 2px; .
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
