Как выровнять гибкие элементы вдоль поперечной оси, чтобы некоторые из них были гибкими, а другие - гибкими? ⇐ CSS

[Anonymous]

У меня есть этот макет и CSS:

#A { цвет фона: #e8a77e; дисплей: гибкий; гибкое направление: строка; /* нельзя изменить */ flex-wrap: обертка; высота: 400 пикселей; выровнять-контент: гибкий старт; выровнять-элементы: конец; } #Б, #С, #Д { гибкость: 0 0 100%; /* нельзя изменить */ } #Б { цвет фона: зеленый; } #С { цвет фона: серебро; } #Д { цвет фона: #1eaa7e; } **************

**************

**************

**************

Я хочу, чтобы оно было выровнено, как на картинке.
[*]Содержимое A, B и C неизвестно. [*]А и Б следует сложить вместе и прикрепить сверху. [*]гибкое направление должно быть строкой. [*]обратите внимание, что высота в CSS предназначена только для того, чтобы заставить проблему воспроизвестися. в реальном коде он опущен.