@import "../../style/colors.scss";

@mixin Tasks-sub-container {
	margin: 1em;
}

.Tasks-tasks {
	@include Tasks-sub-container;

	flex: 1;
}

.Tasks-sidebar {
	@include Tasks-sub-container;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 50%;
	margin-left: 0;
}

@import "../../style/colors.scss";

@mixin Tasks-sub-container {
	flex: 1;
	margin: 1em;
}

.Tasks-tasks {
	@include Tasks-sub-container;
}

.Tasks-sidebar {
	@include Tasks-sub-container;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 0;
}

Use flex: 1 instead of width: 50%
Use flex: 1 instead of width: 50%
