My attempt to reduce the height of my footer in CSS using padding, margin, and other methods was unsuccessful. All of these adjustments either pushed the footer completely out of the bottom or left the text uncentered.
footer {
background: #fce138;
width: 100%;
padding: -100px 0;
}
footer h2 {
display: inline;
color: #024e76;
font-size: 30px;
margin: 0;
}
footer div {
float: right;
line-height: 1.5;
text-align: right;
}
footer a {
color: #024e76;
}
Here is the HTML code I am working with:
<footer>
<section>
<h2> ❤️ Made with love by Run Buddy</h2>
<div>
<a href="#">Read Our Privacy Policy</a><br/>
© 2019 Run Buddy, Inc.
</div>
</section>
</footer>