JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
	<div class="content">
		Dit is het content vlak met een schaalbare breedte.
	</div>

	<div class="sidebar">
		Dit is de sidebar met een vaste breedte.
	</div>
</div>

CSS

.wrapper {
    display: flex;
}

.sidebar {
    background: #ccc;

    padding: 20px;

    width: 200px;
}

.content {
    background: #eee;

    padding: 20px;

    flex: 1;
}

@media (max-width: 767px) {
 	.wrapper {
 		flex-wrap: wrap;
 	}

 	.sidebar {
 		order: 0;

 		width: 100%;
	}

	.content {
		order: 1;
	}
}