I've placed social links in the footer.
These work, but somehow I can't get them to spread out properly.
They should not go past the right navbar on the right side.
These work, but somehow I can't get them to spread out properly.
Code:
<div id="page-footer" class="page-footer" role="contentinfo">{% INCLUDE 'navbar_footer.html' %}<div class="copyright">{% include 'social_links.html' %}Code:
/* Social Links---------------------------------------- */.socialinks {float: right;padding: 5px 10px;}@media (max-width: 700px) {.socialinks {float: none;text-align: center;}}.socialinks > ul {display: inline-block;}.socialinks ul li {float: right;list-style-type: none;padding: 5px;opacity: 0.75;transition: opacity 0.25s;}.socialinks ul li:hover {opacity: 1;}.socialinks ul li a i:before {color: #ffffff;padding: 5px;}Statistics: Posted by bennybernaer — Fri May 10, 2024 5:03 am