Как лучше организовать макет для приложения?

Ankhena, спасибо за пример, буду разбираться.
что то с адаптивностью не допру,
у меня было например так на компе:

grid-template-areas:
			'block_1 block_2'
			'block_3 block_4';

так на мобиле:

grid-template-areas:
      'block_1'
      'block_4'
      'block_2'
      'block_3';

тут как бы понятно всё, наглядно. а тут что то не пойму как сделать, сорян за такие вопросы, гриды пока ещё тяжелые для меня)

Как лучше организовать макет для приложения?

Ankhena, вроде так, только адаптивность сломалась) а тут вообще уместно grid?

Как лучше организовать макет для приложения?

Ankhena, вставил codepen