JSFiddle - React, Tailwind, and code Playground

by Jeremy Lewis

HTML

<body class="responsive">
	<div id="content" class="responsive">
		texttttttt
	</div>
	
	<div id="menu" class="responsive">
		<nav>
			<ul>
				<li> <a href="./index.php" title="Startseite">Startseite</a> </li>
				<li> <a href="./index.php" title="Startseite">Startseite</a> </li>
				<li> <a href="./index.php" title="Startseite">Startseite</a> </li>
				<li> <a href="./index.php" title="Startseite">Startseite</a> </li>
			</ul>
		</nav>
	</div>
	
	<div id="news" class="responsive">
		texxxxttttt
	</div>
	
	<div id="footer" class="responsive">
		test
	</div>

	
<!-- Include the Groundwork framework -->



</body>

</html>

CSS

div#content
{
	position:absolute;
	top:10%;
	left:10%;
	min-height:87%;
	width:79.7%;
	display:inline-block;
	text-align:left;
	padding-left:0.3%;
}
 
div#menu
{
	position:absolute;
	top:10%;
	left:0%;
	min-height:87%;
	width:10%;
}
 
div#menu ul
{
	width:100%;
}
 
div#news
{
	position:absolute;
	top:10%;
	left:90%;
	min-height:87%;
	width:9.7%;
	text-align:left;
	padding-left:0.3%;
}
 
div#footer
{
	position:absolute;
	top:97%;
	left:0%;
	height:3%;
	width:100%;
	text-align:center;
}