Как сверстать данное расположение блоков с помощью display: grid?

Question

[djok2142]

Подскажите пожалуйста, как с помощью grid сделать расположение блоков как на прикрепленной картинке.
То есть для декстопа, элементы div_2 и div_3 занимают положение справа от элемента div_1, а на смартфонах div_3 занимает 100% ширины.

Comments

[Ankhena]

Изучите свойства grid-row и grid-column. Можно в справочнике или поиграйте в игру grid garden (гуглится).
И к этому @media

Всё.

Что именно вы пробовали для этого сделать и что не сработало?

Answer 1

[Антон Антон]

переключать grid-template-areas по media query