Layout this!

index.pug

.wrap
	.container
		.col-md-9
			.main-content
				p main content
		.col-md-3
			.sidebar
				p sidebar

layout-this.markdown

Layout this!

One of possible solution for a task presented in a video Тебе не сверстать это by HowdyHo.

A Pen by Igor Volnyi forked from Untitled by SHM on CodePen.

License.

style.sass

body
	background-color: #0984e3
.container
	padding: 10px
.main-content, .sidebar
	padding: 10px
	text-transform: uppercase
	color: #ffffff
	font-size: 24px
	border: 1px solid #fff
.main-content
	height: 3000px
.sidebar
	height: 600px
	&::before
		content: ''
		position: fixed
		height: 100vh
		width: 100%
		top: 0
		z-index: -1
		background-color: #e84393
		margin-left: -26px

@media screen and (max-width: 990px)
	.sidebar
		&::before
			display: none

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />