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!!
This is the telephone hyperlink for task 2:
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-5555Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started