JoshKupka
11/15/2019 - 9:16 AM

Robotics Footer

/*	Footer Section	*/

.footerWrapper {
	position: relative;
	overflow-x: hidden;
	display: contents;
	width: 100vw;
}

.columnLeft {
	width: 33%;
	align-content: center;
}

.columnCenter {
	width: 33%;
	align-content: center;
}

.columnRight {
	width: 33%;
	align-content: center;
	vertical-align: middle;
}

.footer {
	display: flex;
	position: absolute;
	width: 100%;
	margin-left: -8px;
	height: 60px;
	clear: both;
	background-color: #222222;
	color: white;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	align-content: center;
	align-items: center;
}

.footer .social {
	color: #ffffff;
}

.columnRight a:visited {
	color: #ffffff;
}

.columnRight a:link {
	color: #ffffff;
}

.columnRight a:hover {
	color: #E42646;
}
	<div class="footerWrapper">
		<div class="footer">
			<div class="columnLeft">
				<p class="designCredit">Designed by JoshKupka</p>
			</div>
			<div class="columnCenter">
				<p class="copyright">Shrapnel Sergeants © 2019</p>
			</div>
			<div class="columnRight">
				<a href="https://twitter.com/team2408"><i class="fab fa-twitter"></i></a>
				<a href="https://facebook.com/team2408"><i class="fab fa-facebook"></i></a>
				<a href="https://instagram.com/team_2408"><i class="fab fa-instagram"></i></a>
				<a href="https://youtube.com/shrapnel2408"><i class="fab fa-youtube"></i></a>
				<a href="https://github.com/shrapnelsergeants2408"><i class="fab fa-github"></i></a>
				<a href="https://medium.com/shrapnel-sergeants"><i class="fab fa-medium"></i></a>
			</div>
		</div>
	</div>