CodePen

HTML

            
              <!doctype html>
<html>
	<head>
		<title>Skeleton</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/style.css">	
	</head>
	<body>

		<div class="wrap">
			<h1>My Website</h1>
			<div class="box">
				<aside>
					<div class="sidebar">
						<ul>
							<li><a href="#">Home</a></li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">About</a></li>
							<li><a href="#">Contact</a></li>
						</ul>
					</div>
				</aside>
        <div class="main">
				  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam urna ac ante consequat et pretium mi volutpat. Fusce facilisis, metus sit amet pellentesque viverra, risus lorem venenatis magna, ornare sollicitudin mauris libero vel enim. Etiam commodo purus ut dolor sagittis pellentesque a at dolor. Vestibulum quis mauris erat, id commodo enim. Aenean iaculis semper tincidunt. Donec feugiat cursus velit non porta. Mauris orci sem, pellentesque pulvinar tincidunt sit amet, fermentum non erat. Ut ut nulla non lectus aliquam egestas. Morbi consectetur leo a turpis accumsan iaculis. Donec dignissim suscipit justo in laoreet. Nunc nec tellus quis nulla bibendum auctor eget sit amet arcu. Maecenas vel ligula vitae tellus vestibulum ullamcorper. In mi magna, auctor in porttitor vitae, pellentesque id leo. Proin laoreet, odio nec pellentesque fermentum, nulla nibh blandit nibh, vitae luctus magna turpis ac ante. Nulla sed velit id augue ultricies mattis ut sit amet est. Ut nec neque sem, quis rutrum nunc.</p>
				<p>Sed posuere magna non metus mollis sit amet faucibus lorem laoreet. Nulla in gravida orci. Suspendisse lorem dui, porttitor quis rutrum et, dignissim et risus. Vivamus tincidunt, turpis sed tincidunt lacinia, enim diam ultricies velit, eget adipiscing est magna sit amet lacus. Aenean sollicitudin cursus felis nec tempor. Praesent et erat vel lacus aliquet porttitor. Nulla gravida, neque sit amet aliquam bibendum, nulla enim aliquam neque, at consequat urna mi at sem.</p>
        </div>
			</div>
		</div>

	</body>
</html>

            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              .wrap {
	min-width: 600px;
	width: 70%;
	margin: auto;
	position: relative;
}
.box {
	min-width: 600px;
	margin: 0;
	width: auto;
	background: #9e9e9e;
	padding: 10px;
  overflow: hidden;
}

.sidebar {
  float: left;
  margin-right: 2%;
}

aside ul {
	background: #a9a9a9;
	left: 5px;
  margin: 0;
	padding: 10px;
	list-style: none;
}

aside li {
  padding: 0.25em 0;
}

.main {
  float: left;
  width: 75%;
}

.main p {
  margin: 0 0 1em;
  line-height: 1.4;
}

body {
	font-family: sans-serif;
	background: #b5b5b5;
}

h1 {
	text-align: center;
	background: #e3e3e3;
	margin: 0;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................