Есть такой дизайн

Это обычный список. Меню и подменю, список в списке. Нужно на телефоне сделать первый li в один столбец, а остальные 3 li справа один под другим. Как это реализовать на grid? Возможно это можно сделать на flex? Нужно без wrapper и оберток.