JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<h1 id="cabecera">Mi dulce blog</h1>

<div id="menu">
    <ul>
        <li>Inicio</li>
        <li>Sobre mí</li>
        <li>Mi libro</li>
        <li>Índice recetas</li>
    </ul>
</div>

CSS

@import url(https://fonts.googleapis.com/css?family=Rochester);

#cabecera {
    color: #dedacf;
    font-family: 'Rochester';
    font-size: 100px;
    text-align: center;
    margin-top: 0px;
}

#menu {
    background-color: #f7acac;
    margin-top: -40px;
    text-align: center;
    font-family: 'Josefin Sans';
    font-size: 20px;
    text-transform: uppercase;
    color: white;
}

#menu li {
    display: inline-block; 
    padding: 10px;
}