Question: Path of Light Yoga Chapter 7 Please help!! This is the telephone hyperlink for task 2: Here is my code for yoga.css: { box-sizing: border-box;

Path of Light Yoga Chapter 7

Please help!!

Path of Light Yoga Chapter 7 Please help!! This is the telephone

This is the telephone hyperlink for task 2:

hyperlink for task 2: Here is my code for yoga.css: { box-sizing:

Here is my code for yoga.css:

{ box-sizing: border-box; }

body {

background-color:#3F2860;

color:#3F2860;

font-family: "Verdana", sans-seri;

}

header{

background-color:#9BC1C2; background-image: url("lilyheader.jpg"); background-repeat: no-repeat; background-position: right; text-align: center;

}

h1 {

padding-top: 50px; padding-left: 2em;

}

nav{ padding: 1em; font-style: bold; float: left; width: 160px; }

nav ul {

list-style-type: none; padding-left: 0cm; }

nav a { text-decoration: none; display:block; text-align:center; font-weight: bold; border: 3px outset #ccc; padding: 1em; margin-bottom: 1em; }

nav a:link{ color: #3F2860; } nav a:visited{ color: #497777; } nav a:hover{ color: #A26100; border:3px inset #333; }

nav { font-weight: bold; }

.studio{ font-style: italic; }

footer { padding: 1em; background-color: #9BC1C2; font-size: inherit; font-style: italic; text-align: center; }

nav { font-style: bold; }

#wrapper { background-color: #F5F5F5; max-width: 1480px; min-width: 1200px; margin-right: auto; margin-left: auto; }

main { padding-right: 2em; padding-left: 2em; margin-left: 170px; padding-top: 1em; }

.floatleft { float: left; margin-right: 4em; } .clear { clear:both; } header, nav, main, footer { display: block; }

Task 5: Modify the Desktop CSS. Open yoga.css in a text editor. Remember the telephone number hyperlink you created in Task 2? Configure the CSS for the phone number display as shown below: #mobile { display: none; } #desktop { display: inline; } Save the yoga.css file. Use the CSS validator to help you find syntax errors. 888-555-5555 But wait a minute, a telephone link could confuse those visiting the site with a desktop browser. Code another phone number directly after the hyperlink. Code a span element assigned to an id named desktop around the phone number as shown below: 888-555-5555 Task 5: Modify the Desktop CSS. Open yoga.css in a text editor. Remember the telephone number hyperlink you created in Task 2? Configure the CSS for the phone number display as shown below: #mobile { display: none; } #desktop { display: inline; } Save the yoga.css file. Use the CSS validator to help you find syntax errors. 888-555-5555 But wait a minute, a telephone link could confuse those visiting the site with a desktop browser. Code another phone number directly after the hyperlink. Code a span element assigned to an id named desktop around the phone number as shown below: 888-555-5555

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!