JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap-aside">
	<aside>
		<div id="logo"></div>
			<nav>
				<ul>
					<li><a href="#">Electronic</a></li>
					<li><a href="#">Dubstep</a></li>
					<li><a href="#">Indie</a></li>
					<li><a href="#">Drum n Bass</a></li>
					<li><a href="#">House</a></li>
				</ul>
			</nav>
	</aside>
</div>
		
<div class="wrap-content">
	<div id="content">
		<article>
			<header>
				<h1>Music Title</h1>
			</header>
			<section>
				<p>Du contenu...</p>	
			</section>
			<footer>
				<!-- Sharing options here -->
			</footer>
		</article>
	</div> 
</div>

CSS

.wrap-aside{
	position:fixed;
	z-index: 90;
    background:red;
}

aside{
	margin: 20% 0 5% 15%;
}


.wrap-content{
	position:relative;
	width:auto;
	overflow:hidden;
	z-index:80;
    background:blue;
}

#content{
	margin: 5% 5% 5% 110px;
}