JSFiddle - React, Tailwind, and code Playground
HTML
<!doctype html>
<html>
<head>
</head>
<body>
<header>
<figure>
<img src="path/to/logo" alt="" width="100" height="90" />
</figure>
<section>
<h1>Tweakers.net</h1>
</section>
<nav>
<a href="#1">Menu item 1</a>
<a href="#2">Menu item 2</a>
<a href="#3">Menu item 3</a>
</nav>
</header>
<section>
<aside>
<nav>
<a href="#4">Menu item 4</a>
<a href="#5">Menu item 5</a>
<a href="#6">Menu item 6</a>
</nav>
</aside>
<article>
<p>Bacon ipsum dolor sit amet shankle bacon tail, jerky brisket cow tongue venison spare ribs leberkas chuck. Turducken hamburger t-bone, rump sausage meatball swine shank. Pastrami spare ribs beef pig, pork loin tri-tip corned beef. Tail venison pastrami beef chuck filet mignon jowl pork loin leberkas strip steak. Cow strip steak tenderloin ham hamburger short ribs.
<p>Strip steak bresaola tenderloin, pastrami capicola pancetta tongue. Spare ribs prosciutto salami, turkey turducken hamburger jowl. Pork loin beef ribs chicken, shank salami bresaola boudin ground round ribeye speck swine pork belly tri-tip jerky drumstick. Shank salami corned beef, sausage jowl biltong ball tip ground round. Tri-tip pork chop pork belly, venison pork loin turkey pig corned beef strip steak pancetta beef beef ribs.
<p>Strip steak bresaola chuck, meatloaf speck bacon turkey turducken pork belly beef leberkas short ribs shankle rump. Pork salami turkey, tongue shankle tri-tip jowl swine beef. Turkey jowl fatback leberkas cow tenderloin biltong, drumstick hamburger salami filet mignon ground round rump bacon ham hock. Fatback cow ham, meatloaf frankfurter t-bone ribeye bresaola meatball pig sausage pancetta filet mignon. Capicola hamburger...
CSS
body {
margin: 0; padding: 0;
}
header figure {
width: 100px;
vertical-align: middle; text-align: center;
}
header figure,
header section {
display: inline-block;
}
header nav {
padding: 5px 0 5px 15px;
border-style: solid;
border-width: 1px 0;
}
header nav a {
margin-right: 10px;
}
aside {
float: right;
width: 170px;
padding-top: 30px;
}
aside nav {
margin: 0 20px 0 5px;
}
aside nav a {
display: block;
}
body > section > article {
margin-right: 175px; padding: 15px 30px 40px 15px;
border-right: 1px solid;
}