Skip to content

Instantly share code, notes, and snippets.

@NWR91
Last active March 30, 2017 19:54
Show Gist options
  • Save NWR91/f57a43986e475588d90631ce849e063d to your computer and use it in GitHub Desktop.
Save NWR91/f57a43986e475588d90631ce849e063d to your computer and use it in GitHub Desktop.
Web Standards: HTML & CSS
<style>
.article {
overflow: hidden;
display: -webkit-flex;
display: flex;
width: 800px;
margin: 0 auto;
align-items: center;
}
</style>
<div class="pageItems">
<div class="pageContent">Content 1</div>
<div class="pageSide">Content 2</div>
</div>
<article id="comment-1" class="comment featured">Comment</article>
<article id="comment-2" class="comment">Comment</article>
<style>
.row {
overflow: hidden;
}
.flex {
display: -webkit-flex;
display: flex;
}
.center-block {
width: 800px;
margin: 0 auto;
}
.flex-center {
align-items: center;
}
</style>
<div class="row flex center-block flex-center">
<div class="col-md-8">Content 1</div>
<div class="col-md-4">Content 2</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment