In the styles.css file, below the #contact style rule, add a style rule for the tel-link class selector that sets the background-color to #2a1f14, padding to 2%, width to 80%, and top/bottom margins to 0 and right/left margins to auto. Below the tel-link style rule, add a style rule for the anchor selector within the tel-link class that sets the color to #f6eee4, removes the underline, and sets the font-weight to bold. What am I doing wrong here? --MY CONTACT.HTML Wild Rescues: Contact 🐾 Wild Rescues Rescue. Rehabilitate. Release. Home About Us PartnershipGallery FAQs Contact You can reach us at: Contact:(814) 555-8989 Email: contact@wildrescue.net Address: 8989 Rescue Drive, Ocala, FL 34471 © Copyright 2021. All Rights Reserved. contact@wildrescues.net --MY CSS /*CSS Reset*/ body, header, nav, main, footer, img, h1, h3, ul { 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 mobile viewport */ /* Style rules to show mobile class and hide tab-desk class */ .mobile { display: block; } .tab-desk { display: none; } /* Style rules for header area */ .mobile h1 { padding:2%; text-align:center; font-family:'Emblema One', cursive; } .mobile h3 { padding:2%; text-align:center; font-family:'Lora', serif; } /*Style rules for navigation area*/ nav { background-color: #2a1f14; } nav ul { list-style: none; text-align: center; } nav li { display: block; font-size: 1.5em; font-family: Geneva, Arial, sans-serif; font-weight: bold; border-top: solid; border-width:0.5px; border-color:#f6eee4; } 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: 'Lora', 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; } .round { border-radius: 6px; } #info ul { margin-left: 10%; } #contact { text-align: center; } .tel-link{ background-color: #2a1f14; padding: 2%; width: 80%; margin-bottom: 0; margin-top: 0; margin-left: auto; margin-left: auto; } .tel-link a{ color: #f6eee4; list-style: none; font-weight: bold; } /*Style fules for footer content*/ footer { text-align: center; font-size: 0.85em; background-color: #2a1f14; color: #f6eee4; padding: 1% 0; } footer a { color: #f3e6d8; text-decoration: none; }

In the styles.css file, below the #contact style rule, add a style rule for the tel-link class selector that sets the background-color to #2a1f14, padding to 2%, width to 80%, and top/bottom margins to 0 and right/left margins to auto. Below the tel-link style rule, add a style rule for the anchor selector within the tel-link class that sets the color to #f6eee4, removes the underline, and sets the font-weight to bold. What am I doing wrong here? --MY CONTACT.HTML Wild Rescues: Contact 🐾 Wild Rescues Rescue. Rehabilitate. Release. Home About Us PartnershipGallery FAQs Contact You can reach us at: Contact:(814) 555-8989 Email: contact@wildrescue.net Address: 8989 Rescue Drive, Ocala, FL 34471 © Copyright 2021. All Rights Reserved. contact@wildrescues.net --MY CSS /CSS Reset/ body, header, nav, main, footer, img, h1, h3, ul { 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 mobile viewport / / Style rules to show mobile class and hide tab-desk class / .mobile { display: block; } .tab-desk { display: none; } / Style rules for header area / .mobile h1 { padding:2%; text-align:center; font-family:'Emblema One', cursive; } .mobile h3 { padding:2%; text-align:center; font-family:'Lora', serif; } /Style rules for navigation area/ nav { background-color: #2a1f14; } nav ul { list-style: none; text-align: center; } nav li { display: block; font-size: 1.5em; font-family: Geneva, Arial, sans-serif; font-weight: bold; border-top: solid; border-width:0.5px; border-color:#f6eee4; } 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: 'Lora', 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; } .round { border-radius: 6px; } #info ul { margin-left: 10%; } #contact { text-align: center; } .tel-link{ background-color: #2a1f14; padding: 2%; width: 80%; margin-bottom: 0; margin-top: 0; margin-left: auto; margin-left: auto; } .tel-link a{ color: #f6eee4; list-style: none; font-weight: bold; } /Style fules for footer content*/ footer { text-align: center; font-size: 0.85em; background-color: #2a1f14; color: #f6eee4; padding: 1% 0; } footer a { color: #f3e6d8; text-decoration: none; }

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

In the styles.css file, below the #contact style rule, add a style rule for the tel-link class selector that sets the background-color to #2a1f14, padding to 2%, width to 80%, and top/bottom margins to 0 and right/left margins to auto.

Below the tel-link style rule, add a style rule for the anchor selector within the tel-link class that sets the color to #f6eee4, removes the underline, and sets the font-weight to bold.

What am I doing wrong here?

--MY CONTACT.HTML

<!DOCTYPE html>

<head>

<title>Wild Rescues: Contact</title>

400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

</head>

<body>

<h1>🐾 Wild Rescues</h1> <h3>Rescue. Rehabilitate. Release.</h3>

</div>

</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>You can reach us at: </h2>

<p class="tel-link round">Contact:<a href="">(814) 555-8989</a></p>

<p>Email: <a href="mailto:contact@wildrescue.net">contact@wildrescue.net</a></p>

<p>Address: <a href="" target="_blank">8989 Rescue Drive, Ocala, FL 34471</a></p>

</div>

</main>

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

</footer>

</body>

</html>

--MY CSS

/*CSS Reset*/

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

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 mobile viewport */

/* Style rules to show mobile class and hide tab-desk class */

.mobile {

display: block;

}

.tab-desk {

display: none;

}

/* Style rules for header area */

.mobile h1 {

padding:2%;

text-align:center;

font-family:'Emblema One', cursive;

}

.mobile h3 {

padding:2%;

text-align:center;

font-family:'Lora', serif;

}

/*Style rules for navigation area*/

nav {

background-color: #2a1f14;

}

nav ul {

list-style: none;

text-align: center;

}

nav li {

display: block;

font-size: 1.5em;

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

font-weight: bold;

border-top: solid;

border-width:0.5px;

border-color:#f6eee4;

}

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: 'Lora', 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;

}

.round {

border-radius: 6px;

}

#info ul {

margin-left: 10%;

}

#contact {

text-align: center;

}

.tel-link{

background-color: #2a1f14;

padding: 2%;

width: 80%;

margin-bottom: 0;

margin-top: 0;

margin-left: auto;

}

.tel-link a{

color: #f6eee4;

list-style: none;

font-weight: bold;

}

/*Style fules for footer content*/

footer {

text-align: center;

font-size: 0.85em;

background-color: #2a1f14;

color: #f6eee4;

padding: 1% 0;

}

footer a {

color: #f3e6d8;

text-decoration: none;

}

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps

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-science and related others by exploring similar questions and additional content below.