Изменить заказа Flex на мобильном телефоне по сравнению с настольным компьютером ⇐ Html

[Anonymous]

Итак, у меня возникают проблемы, пытающиеся поменять Divs 1 и 2 на мобильных устройствах.
Затем выше 768px, заказ должен быть div 2 слева, установленной на 30% шириной. Затем на правых Divs 1 и 3 нужно сложить, взяв остаток справа. < /P>
Не уверен, как я могу это сделать. Я попробовал это без обертки, но я не мог заставить ее работать, это самое близкое, что у меня есть. < /P>
может кто -нибудь мне помочь?

Код: Выделить всё

.container {
display: flex;
flex-direction: column;
gap: 10px;
}

@media (min-width: 768px) {
.container {
flex-direction: row;
}

.specs {
flex: 0 0 30%;
order: 1;
}

.content-buttons {
flex: 0 0 70%;
display: flex;
flex-direction: column;
gap: 10px;
order: 2;
}

.content {
flex: 1;
order: 1;
}

.buttons {
flex: 1;
order: 2;
}
}

/* Borders for visualization */
.content {border: 1px solid red;}
.specs {border: 1px solid green;}
.buttons {border: 1px solid blue;}< /code>

2

1
3

Подробнее здесь: https://stackoverflow.com/questions/794 ... to-desktop