JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<footer class="footer">
	<div class="vkontakte marg">
		<a href="#" target="_blank"><img src="images/VK.ico"></a></div>
	<div class="facebook marg">
		<a href="#" target="_blank"><img src="images/Facebook.ico"></a></div>
	<div class="email marg">
		<a href="#" target="_blank"><img src="images/Email.ico"></a></div>
</footer>

CSS

.footer {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	background: #778899;
	height: 100px;
}
.marg {
	margin: 0 10px;
}