Add a blank line after the main content style rules, add a comment with the text Style rules for class and id selectors and then create the style rules for the .link, .action, and #contact selectors: Create a style rule for the class selector link that sets the font color to #4d3319, removes the text decoration, sets the font weight value to bold, and sets the font style value to italic. Create a style rule for the class selector action that sets the font size to 1.75em, sets the font weight value to bold, and aligns text center. Create a style rule for the id selector contact that aligns text center. In the about.html file, within the #info div element, complete the following: Add a class attribute with the value of link to the anchor element with the text "National Wildlife Rehabilitators Association.". Remove the height and width attributes from the tortoise image (img) element. Add a class attribute with the value of action to the paragraph element where the text is "Did you find an injured or orphaned animal? Contact us to see if we can help.". Below is my HTML and CSS Codes. I'm not sure what I'm doing wrong here. about.html Wild Rescues: About Us 🐾 Wild Rescues Rescue. Rehabilitate. Release Home About Us PartnershipGallery FAQs Contact About Us Wild Rescues is a registered nonprofit wildlife rescue and rehabilitation facility, located in Ocala, Florida. We help injured, sick, neglected, and orphaned wildlife. We help rehabilitate these animals and then release them back into the wild, if possible. Wild Rescues is a member of the National Wildlife Rehabilitators Association. We help many animals, such as: Raccoons Squirrels Fox Birds Horses Deer Pigs Reptiles Did you find an injured or orphaned animal? Contact us to see if we can help. © Copyright 2021. All Rights Reserved. contact.@wildrescues.net --CSS /* Author: File Name: styles.css Date: 10/12/2022 */ /*CSS Reset*/ body, header, nav, main, footer, img, h1, h3 { margin: 0; padding: 0; border: 0; } /*Style rules for body and images*/ body { background-color: #f6eee4; } img { max-width: 100%; display: block; } /*Style rules for navigation area*/ nav { background-color: #2a1f14; } nav ul { list-style: none; margin: 0; text-align: center; } nav li { display: inline-block; font-size: 1.5em; font-family: Geneva, Arial, sans-serif; font-weight: bold; } nav li a { display: block; color: #f6eee4; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 2em; padding-right: 2em; text-decoration: none; } /*Style rules for main content*/ main { padding: 2%; font-family: Verdana, Arial, sans-serif; } main p { font-size: 1.25em; } main h3 { padding-top: 2%; } main ul { list-style: square; } /*Style rules for class and id selectors*/ .link { color: #4d3319; text-decoration: none; font-weight: bold; font-style: italic; } .action { font-size: 1.75em; font-weight: bold; text-align: center; } #contact { text-align: center; } /*Style fules for footer content*/ footer { text-align: center; font-size: 0.85em; background-color: #2a1f14; color: #f6eee4; padding-top: 1%; padding-bottom: 1%; padding-left: 0%; padding-right: 0%; } footer a { color: #f3e6d8; text-decoration: none; }

Add a blank line after the main content style rules, add a comment with the text Style rules for class and id selectors and then create the style rules for the .link, .action, and #contact selectors: Create a style rule for the class selector link that sets the font color to #4d3319, removes the text decoration, sets the font weight value to bold, and sets the font style value to italic. Create a style rule for the class selector action that sets the font size to 1.75em, sets the font weight value to bold, and aligns text center. Create a style rule for the id selector contact that aligns text center. In the about.html file, within the #info div element, complete the following: Add a class attribute with the value of link to the anchor element with the text "National Wildlife Rehabilitators Association.". Remove the height and width attributes from the tortoise image (img) element. Add a class attribute with the value of action to the paragraph element where the text is "Did you find an injured or orphaned animal? Contact us to see if we can help.". Below is my HTML and CSS Codes. I'm not sure what I'm doing wrong here. about.html Wild Rescues: About Us 🐾 Wild Rescues Rescue. Rehabilitate. Release Home About Us PartnershipGallery FAQs Contact About Us Wild Rescues is a registered nonprofit wildlife rescue and rehabilitation facility, located in Ocala, Florida. We help injured, sick, neglected, and orphaned wildlife. We help rehabilitate these animals and then release them back into the wild, if possible. Wild Rescues is a member of the National Wildlife Rehabilitators Association. We help many animals, such as: Raccoons Squirrels Fox Birds Horses Deer Pigs Reptiles Did you find an injured or orphaned animal? Contact us to see if we can help. © Copyright 2021. All Rights Reserved. contact.@wildrescues.net --CSS /* Author: File Name: styles.css Date: 10/12/2022 / /CSS Reset/ body, header, nav, main, footer, img, h1, h3 { margin: 0; padding: 0; border: 0; } /Style rules for body and images/ body { background-color: #f6eee4; } img { max-width: 100%; display: block; } /Style rules for navigation area/ nav { background-color: #2a1f14; } nav ul { list-style: none; margin: 0; text-align: center; } nav li { display: inline-block; font-size: 1.5em; font-family: Geneva, Arial, sans-serif; font-weight: bold; } nav li a { display: block; color: #f6eee4; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 2em; padding-right: 2em; text-decoration: none; } /Style rules for main content/ main { padding: 2%; font-family: Verdana, Arial, sans-serif; } main p { font-size: 1.25em; } main h3 { padding-top: 2%; } main ul { list-style: square; } /Style rules for class and id selectors/ .link { color: #4d3319; text-decoration: none; font-weight: bold; font-style: italic; } .action { font-size: 1.75em; font-weight: bold; text-align: center; } #contact { text-align: center; } /Style fules for footer content*/ footer { text-align: center; font-size: 0.85em; background-color: #2a1f14; color: #f6eee4; padding-top: 1%; padding-bottom: 1%; padding-left: 0%; padding-right: 0%; } footer a { color: #f3e6d8; text-decoration: none; }

Computer Networking: A Top-Down Approach (7th Edition)

7th Edition

ISBN:9780133594140

Author:James Kurose, Keith Ross

Publisher:James Kurose, Keith Ross

Chapter1: Computer Networks And The Internet

Section: Chapter Questions

Problem R1RQ: What is the difference between a host and an end system? List several different types of end...

See similar textbooks

Related questions

Question

Add a blank line after the main content style rules, add a comment with the text Style rules for class and id selectors and then create the style rules for the .link, .action, and #contact selectors:

Create a style rule for the class selector link that sets the font color to #4d3319, removes the text decoration, sets the font weight value to bold, and sets the font style value to italic.
Create a style rule for the class selector action that sets the font size to 1.75em, sets the font weight value to bold, and aligns text center.
Create a style rule for the id selector contact that aligns text center.

In the about.html file, within the #info div element, complete the following:

Add a class attribute with the value of link to the anchor element with the text "National Wildlife Rehabilitators Association.".
Remove the height and width attributes from the tortoise image (img) element.
Add a class attribute with the value of action to the paragraph element where the text is "Did you find an injured or orphaned animal? Contact us to see if we can help.".

Below is my HTML and CSS Codes. I'm not sure what I'm doing wrong here.

about.html

<!--Student Name:

File Name: about.html

Date:10/04/2022

-->

<!DOCTYPE html>

<head>

<title>Wild Rescues: About Us</title>

<body>

<h1>🐾 Wild Rescues</h1>

<h3> Rescue. Rehabilitate. Release</h3>

</header>

<nav>

<ul>

<li><a href="about.html">About Us</a></li>

<li><a href="partnership.html">Partnership</a><li

<li><a href="gallery.html">Gallery</a></li>

<li><a href="contact.html">Contact</a></li>

</ul>

</nav>

<main>

<h2>About Us</h2>

<p>Wild Rescues is a registered nonprofit wildlife

rescue and rehabilitation facility, located in Ocala,

Florida. We help injured, sick, neglected, and orphaned

wildlife. We help rehabilitate these animals and then

release them back into the wild, if possible.</p>

<p>Wild Rescues is a member of the <a href="https:/

www.nwrawildlife.org"target="_blank">National Wildlife

Rehabilitators Association.<span class="National Whildlife Rehabilitators"</a>

</p>

<img src="images/tortoise.jpg" alt="tortoise eating

vegetation">

<h3>We help many animals, such as:</h3>

<ul>

<li>Raccoons</li>

<li>Squirrels</li>

<li>Birds</li>

<li>Horses</li>

<li>Reptiles</li>

</ul>

<p>Did you find an injured or orphaned animal? Contact us to see if we

can help.<span class="Did you find an injured or orphaned animal? Contact us to

see if we can help."</p>

</div>

</main>

<p>

<a href="mailto:contact@wildrescues.net">contact.@wildrescues.net</a>

</p>

</footer>

</body>

</html>

--CSS

Author:

File Name: styles.css

Date: 10/12/2022

/*CSS Reset*/

body, header, nav, main, footer, img, h1, h3 {

margin: 0;

padding: 0;

border: 0;

}

/*Style rules for body and images*/

body {

background-color: #f6eee4;

}

img {

max-width: 100%;

display: block;

}

/*Style rules for navigation area*/

nav {

background-color: #2a1f14;

}

nav ul {

list-style: none;

margin: 0;

text-align: center;

}

nav li {

display: inline-block;

font-size: 1.5em;

font-family: Geneva, Arial, sans-serif;

font-weight: bold;

}

nav li a {

display: block;

color: #f6eee4;

padding-top: 0.5em;

padding-bottom: 0.5em;

padding-left: 2em;

padding-right: 2em;

text-decoration: none;

}

/*Style rules for main content*/

main {

padding: 2%;

font-family: Verdana, Arial, sans-serif;

}

main p {

font-size: 1.25em;

}

main h3 {

padding-top: 2%;

}

main ul {

list-style: square;

}

/*Style rules for class and id selectors*/

.link {

color: #4d3319;

text-decoration: none;

font-weight: bold;

font-style: italic;

}

.action {

font-size: 1.75em;

font-weight: bold;

text-align: center;

}

#contact {

text-align: center;

}

/*Style fules for footer content*/

footer {

text-align: center;

font-size: 0.85em;

background-color: #2a1f14;

color: #f6eee4;

padding-top: 1%;

padding-bottom: 1%;

padding-left: 0%;

padding-right: 0%;

}

footer a {

color: #f3e6d8;

text-decoration: none;

}

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 5 steps with 2 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-engineering and related others by exploring similar questions and additional content below.

Recommended textbooks for you

Computer Networking: A Top-Down Approach (7th Edi…

Computer Engineering

ISBN:

9780133594140

Author:

James Kurose, Keith Ross

Publisher:

PEARSON