JSFiddle - React, Tailwind, and code Playground

by Shishir Max

HTML

<div id="full" class="row">
  <ul id="nav">
    <li>
      <div class="box col-md-2 col-sm-2 col-xs-12">
        <a href=csshomepage.html>
          <p class="line">About</p>
        </a>
      </div>
    </li>
    <li>
      <div class="box col-md-2 col-sm-2 col-xs-12">
        <a href="#images">
          <p class="line">Projects</p>
        </a>
      </div>
    </li>
    <li>
      <div class="box col-md-4 col-sm-4 hidden-xs" id="circle">
        <a href="#images">
          <p id="K">K</p>
        </a>
      </div>
    </li>
    <li>
      <div class="box col-md-2 col-sm-2 col-xs-12">
        <a href="#links">
          <p class="line">Examples</p>
        </a>
      </div>
    </li>
    <li>
      <div class="box col-md-2 col-sm-2 col-xs-12">
        <a href="#links">
          <p class="line">Contact</p>
        </a>
      </div>
    </li>
  </ul>
</div>

CSS

ul{
  list-style-type: none;
  margin:0;
  padding:0;
}
li a{
  display: block;
  width: 60px;
  backgroind-color: #dddddd;
}