JSFiddle - React, Tailwind, and code Playground

by ramono

HTML

<body>
    <header>
        <h1><a href="#">Nombre de tu Pagina</a></h1>
    </header>
    <nav>
        <ul>
            <li><a href="#">Sobre Mi</a></li>
            <li><a href="#">Portafolio</a></li>
            <li><a href="#">Contacto</a></li>
        </ul>
    </nav>
</body>

CSS

body {
    padding: 20px;
    background: #30506D;
    color: #FFF;
}
header {
    display: block;
    padding: 10px;
    height: 40px;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #497193;
    border-top: 1px solid #193854;
}
ul li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #497193;
    border-bottom: 1px solid #193854;
}
ul li a {
    display: block;
    padding: 5px;
    color: #FFF;
    text-decoration: none;
}