JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
*
{
margin: 0px;
padding: 0px;
}
html
{
font-family: 'Open Sans';
width: 8.5in;
margin: 0px auto;
background-color: #eee;
}
body
{
padding: 25px;
background-color: #fff;
}
h1
{
color: red;
border-top: solid 22px red;
text-transform: uppercase;
font-weight: bold;
font-size: 38px;
}
h2
{
color: red;
border-top: solid 6px red;
font-size: 21px;
text-transform: uppercase;
font-weight: bold;
}
h2:first-child
{
font-size: 25px;
}
p
{
margin-bottom: 20px;
font-size: 13px;
line-height: 21px;
}
.content
{
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
column-gap: 30px;
clear: both;
}
.image
{
background-color: #444;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 30px;
}
.logo.image
{
float: right;
width: 300px;
height: 105px;
line-height: 105px;
margin-top: -40px;
margin-bottom: 20px;
...