Below the main element, add a comment with the text Footer. Below the comment, add a footer element that includes a class attribute with a value to make a fluid jumbotron, center align text, and padding of 5. Nest the following div element within the footer element: © Copyright 2021. All Rights Reserved. contact@wildrescues.net Need to Add the footer element with the required class selectors. The index.html is: © Copyright 2021. All Rights Reserved. contact@wildrescues.net and the styles.css is .footer { padding: 5; } Error: Need to Add the footer element with the required class selectors.
Below the main element, add a comment with the text Footer. Below the comment, add a footer element that includes a class attribute with a value to make a fluid jumbotron, center align text, and padding of 5.
Nest the following div element within the footer element:
<div class="container text-white">
<p>© Copyright 2021. All Rights Reserved.</p>
<p><a href="mailto:contact@wildrescues.net" class="text-white">contact@wildrescues.net</a></p>
<a href="https://www.facebook.com" target="_blank"><img src="images/facebook-logo.png" alt="white Facebook logo" class="pr-4"></a>
<a href="https://twitter.com" target="_blank"><img src="images/twitter-logo.png" alt="white Twitter logo"></a>
</div>
Need to Add the footer element with the required class selectors. The index.html is:
<footer>
<!-- Footer -->
<footer class="jumbotron-fluid text-center align text bg-brown">
<div class="container text-white">
<p>© Copyright 2021. All Rights Reserved.</p>
<p><a href="mailto:contact@wildrescues.net" class="text-white">contact@wildrescues.net</a></p>
<a href="https://www.facebook.com" target="_blank"><img src="images/facebook-logo.png" alt="white Facebook logo" class="pr-4"></a>
<a href="https://twitter.com" target="_blank"><img src="images/twitter-logo.png" alt="white Twitter logo"></a>
</div>
</footer>
and the styles.css is .footer {
padding: 5;
}
Error: Need to Add the footer element with the required class selectors.
Trending now
This is a popular solution!
Step by step
Solved in 5 steps with 3 images
