Как расположить блоки с помощью flexbox?

Question

[Станислав]

Не пойму как расположить блоки не меняя html разметки

Сама разметка https://jsfiddle.net/jdu1oLqj/

Answer 1

[remeder]

* {
  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;
}

Answer 2

[Synthua]

.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;
}