JSFiddle - React, Tailwind, and code Playground

by rwachtler

HTML

<div id="container">
    <div id="header">
        <p class="header_title">Theme Preview</p>
        <p class="header_quote">Previewing Another Blog</p>
    </div>
    <div id="menu">
        <ul>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="post">
        <p class="post_title"></p>
        <hr />
        <p> <span class="post_date"></span>  <span class="post_autor"></span> 
        </p>
        <div class="post_content"></div>
        <hr class="post_final" />
    </div>
    <div id="footer">
        <p>Design by</p>
    </div>
</div>

CSS

body {
    width:100%;
    background-color:#C1C8D0;
    height:auto;
}
#container {
    margin:auto;
    max-width:1600px;
    width:100%;
    height:auto;
}
#header {
    background-color:#1B1C1E;
    width:100%;
    height:auto;
    text-align:center;
}
.header_title {
    padding-top:5%;
    color:white;
    font-family:Agency FB;
    font-size:5em;
    text-align:center;
}
.header_quote {
    color:#EBEBEB;
    font-family:Agency FB;
    font-size:1em;
    text-align:center;
    padding-bottom:5%;
    margin: 0;
}
#menu {
    background-color:white;
}
#menu > ul{
    margin: 0;
}