JSFiddle - React, Tailwind, and code Playground

by S.M. Murad Hasan Tanvir

HTML

<article>
<nav>
<ul style="list-style-type:none;">
<li><strike>home</strike></li>
<li><a href="portfolio.php">portfolio</a></li>
<li><a href="portfolio.php">dsdfsdfs</a></li>
</ul>
</nav>
<div class="container">
  abc test
</div>
</article>

CSS

nav{
    border-style: solid;
border-color: green;
float: left;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
height: 70vh;
}

ul{
    padding:0px;
    list-style-type:none;
}

.container{
    border-top: solid;
border-right: solid;
border-bottom: solid;
border-color: green;
padding-left: 10px;
width: 75vw;
height: 70vh;
display: inline-block;
float: left;
margin: 0px;
}