JSFiddle - React, Tailwind, and code Playground

by adityasingh773

HTML

<body>
	<div class="container">
		<nav class="top-nav">
			<section>
				<div class="left">left</div>
				<div class="right">right</div>
			</section>
		</nav>
	</div>
</body>

CSS

body{
		margin: 0;
		padding: 0;
	}
	.container{
		width: 80%;
		margin: 0 auto;
	}
	nav.top-nav{
		position: fixed;
		top: 0;
		display: block;
	}
	.left{
		position: relative;
		float: left;
	}
	.right{
		position: relative;
		float: right;
	}