CodePen

HTML

            
              <h1>Build Projects</h1>
<h3>bryan22</h3>
<ul id="user-menu">
  <li> <a href="#">Home</a> </li>
  <li> <a href="#">Members</a> </li>
  <li> <a href="#">Friends</a> </li>
  <li> <a href="#">Messages</a> </li>
  <li> <a href="#">Profile</a> </li>
  <li> <a href="#">Browse</a> </li>
  <li> <a href="#">Builds</a> </li>
  <li> <a href="#">Log out</a> </li>
</ul>

<div id="page">
  <h2>Your page</h2>
  <p>Some content.</p>
  <img src="#" alt="An image">
  <form>
    Your form: <input type="submit" value="Edit">
  </form>
</div>

<div id="builds">
  <div>
    <h3>The Danger Ranger</h3>
    <img src="#" alt="">
  </div>
  <div>
    <h3>450 monster</h3>
    <img src="#" alt="">
  </div>
</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              h3 {
  margin: 0 0 10px;
  font: bold 18px sans-serif;
}

#user-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
#user-menu li {
  float: left;
  margin-right: 20px;
}
#user-menu a {
  font: 14px sans-serif;
  text-decoration: none;
}

#page, #builds {
  float: left;
}

#page {
  width: 78%;
  background: #ddd;
}
#page h2 {
  margin: 0;
  font: bold 22px sans-serif;
}

#builds {
  width: 20%;
  margin-left: 2%;
  background: #ffa;
}
#builds div {
  margin-bottom: 20px;
}
#builds div:last-child {
  margin-bottom: 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 ..................