JSFiddle - React, Tailwind, and code Playground

by Ignacio Rumbo

HTML

<header>
		<h1>Cabecera</h1>
		<h3>info importante.</h3>
	</header>
	<nav>
		<a href="http://">Menu 1</a>
		<a href="http://">Menu 2</a>
		<a href="http://">Menu 3</a>
		<a href="http://">Menu 4</a>
	</nav>
	<section>
		<article>Articulo 1<br>Lorem ípsum dolor sit amet, laborés appareat efficiendi ut vix. No erós melioré urbanítas duo, est blandit mediócritatem ei. Ut seá nisl repudiáre iñciderínt, ius elitr nobis disputándo et. Ne cum nihil tátion, tóta úllamcorper ei víx. No éos putant lobortis incorrupte.
		</article>
		<article>Articulo 2 <br>Ad reque elitr laboramús eos, congué popúlo médiocritatem no vis, eu malís aeterño vídisse vel. Praesént ocurreret iracundia eúm át. No has altera hendrerit maiestatis, te labore salutatus vim, est facer mollis adipiscing ad. Omnis etiam éa vis. Muciús dolores et vix.
		</article>
		<article>Articulo 3 <br>Eu pro láudem fuísset, sanctus apeirian vix cu. Séd utinam regione senténtiae no. Te falli ratioñibus reprimíque duo, diam tollit abhorreañt eu est. Eum etiám labores símilique cu, errem qualisque víx té. In ñatum cónsul tritani nam. Vis ad numquam insolens, quo aliqúip facilis id.
		</article>
	</section>
	<footer>
		<h2>Pie de pagina.</h2>
	</footer>

CSS

*{
    margin: 0px 0px;
    padding: 0px 0px;
}
 
body {
    background-color: #00cccc;
}
 
header {
    background-color: #00ffcc;
    text-align: center;
}
 
nav {
    margin: 0px auto;
    width: 75%;
}
 
nav ul {
    background-color: #0099cc;
}
 
nav ul li {
    color: #00ffcc;
    display: inline-block;
    list-style: none;
    margin: 0px auto;
    padding: 0px auto;
    width: 20%;
}
 
nav ul li a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
 
section {
    background-color: #0066cc;
    max-width: 100%;
    padding: 0px 0px;
}
 
article {
    background-color: #0033cc;
    display: inline-block;
    height: 200px;
    margin: 0px 0px;
    text-align: justify;
    vertical-align: top;
    width: 33.1%;
}

footer {
	background-color: #0000bb;
	height: 150px;
}