JSFiddle - React, Tailwind, and code Playground
by Josh Pullen
HTML
<div id="header">
<a href="#">
<img id="logo" src="http://i1172.photobucket.com/albums/r574/JoshPullen27/scratch_icon_zps49ddf990.png" alt="PullJosh"/><br/>
<h1 id="name">Pull<span>Josh</span></h1>
</a>
</div>
<div id="content">
<div class="post">
<h3 class="postTitle"><a href="#">Example Post</a></h3>
<h5 class="postDate">10/18/2014</h5>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam odit assumenda sit rerum repellat voluptas incidunt sunt ex alias perspiciatis corrupti beatae obcaecati harum quasi quibusdam eos nisi omnis facere laborum consectetur saepe quod enim aliquam voluptatibus fugit esse eum id commodi similique ipsum. Cum ipsa est vel vero aliquid temporibus quaerat neque perspiciatis dicta enim distinctio voluptates sint sit cumque harum pariatur asperiores non voluptatum consequatur unde repellat ab modi quisquam animi labore quae expedita quasi recusandae eum dolores. Nemo quas mollitia omnis perferendis praesentium quam iste laborum laudantium consectetur dolores placeat ullam obcaecati beatae! Modi neque itaque consequuntur officia beatae a reiciendis illum non provident molestias? Quisquam possimus accusamus laudantium voluptates minus minima modi quia rem deserunt iste! Debitis voluptates pariatur quasi eveniet fugiat laboriosam enim dolore magni voluptas nesciunt voluptatibus corporis totam praesentium impedit adipisci itaque ab nobis aperiam eligendi voluptatem eius quo molestiae aut non temporibus.</div>
</div>
</div>
CSS
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
* {
font-family:'Open Sans', sans-serif;
}
#header {
width:100%;
text-align:center;
margin-top:100px;
margin-bottom:100px;
}
#logo {
border-radius:999px;
}
#name {
font-weight:normal;
line-height:0;
}
#name span {
font-weight:bold;
}
#header a {
color:black;
text-decoration:none;
}
#content {
width:100%;
max-width:600px;
margin:0 auto;
}
.postTitle a {
color:black;
text-decoration:none;
}
.postDate {
color:#555;
line-height:0;
margin-top:-10px;
}
body {
margin-left:30px;
margin-right:30px;
}