Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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

image text in transcribed
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; .

  • uses #296CA8 font color 28 background-color: #fafafa; } 29 with "age" class uses an italic font style 30 table{width: 100%; . with "recommended" class has a yellow background color and underlined text 31 background-color: #ffffff; 32 box-shadow: 0px 2px 2px #dddddd, Opx 0px 5p 304868.3075630.qx3zay7 33 thifont-size: 12px; font-style: bold; color: 34 tdi LAB 35 font-weight: lighter; ACTIVITY 5.11.1: LAB: Sleep recommendation list (CSS) 0 / 10 > OUTLINE 36 color: 0#444444; > TIMELINE 37 padding-left: 10px; LAB Happy birthtml LAB_ Hometown....zip Show All X MAY 10 14 itv
  • Step by Step Solution

    There are 3 Steps involved in it

    Step: 1

    blur-text-image

    Get Instant Access to Expert-Tailored Solutions

    See step-by-step solutions with expert insights and AI powered tools for academic success

    Step: 2

    blur-text-image

    Step: 3

    blur-text-image

    Ace Your Homework with AI

    Get the answers you need in no time with our AI-driven, step-by-step assistance

    Get Started

    Recommended Textbook for

    Financial management theory and practice

    Authors: Eugene F. Brigham and Michael C. Ehrhardt

    12th Edition

    978-0030243998, 30243998, 324422695, 978-0324422696

    Students also viewed these Programming questions