* {
box-sizing: border-box;
}
.container {
display: flex;
flex-wrap: wrap;
padding: 0 10px;
}
.content,
.content-details,
.sidebar {
padding: 10px;
}
.content {
order: -1;
width: calc(100% - 200px);
background-color: #DDD;
}
.content-details {
background-color: orange;
order: 1;
width: 100%;
}
.sidebar {
width: 200px;
background-color: green;
order: 0;
}
.container {
display: flex;
flex-wrap: wrap;
padding: 0 10px;
}
.content,
.content-details,
.sidebar {
padding: 10px;
}
.content {
flex-grow: 1;
background-color: #DDD;
}
.content-details {
width: 100%;
order: 2;
background-color: orange;
}
.sidebar {
width: 200px;
background-color: green;
}