JSFiddle - React, Tailwind, and code Playground

by JoshC

HTML

<body>
    <header>
        <div id="nav">
            <ul>
                <li>About</li>
                <li>Speakme</li>
            </ul>
        </div>
         <h1>Hi. I'm Zack. This is my playground.</h1> 
    </header>
    <div id="me">
        <img src="dp.jpg">
    </div>

CSS

#nav {
     height: 70px;
     vw: 100%;
     background-color: hsla(0, 0%, 83%, .7);
     margin-left: -10px;
     margin-top: -16px;
     margin-right: -10px;
     border-bottom: 1px black solid;
 }
 li {
     list-style-type: none;
     display: inline-block;
     font-family: Helvetica, sans-serif;
     font-size: 20px;
     padding-right: 20px;
     color: hsl(0, 0%, 50%);
     margin-top: 10px;
 }
 li:hover {
     color: white;
 }