JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
	<a href="#">foobar</a>
	<a href="#">foo</a>
	<a href="#">bar</a>	
</footer>

CSS

* {
	box-sizing:border-box;
}
footer {
	display:flex;
}
footer a {
	flex:1;
	text-align:center;
	border:1px solid #111;
	margin:5px;
}