оберните контейнер меню в flex контейнер и добавьте еще один блок. Ну или по вашему варианту если добавить третий столбец, т.е. просто указать grid-column: 3; он окажется за сеткой, можно его сделать, например display: inline-block; и указать размеры типа width: 150px; (но это veri bad practics на мой взгляд). Выпадающее меню если делать на grid то нужно делать grid контейнер, с абсолютным позиционированием относительно пункта меню вероятно+ задать z-index ы, что бы вырвать из общего потока верстки и отобразить сверху и что бы отображалось по :hover . Но вероятно проще найти реализацию на js и использовать ее. А т.к. верстка у вас простая, я бы вообще на bootstrap переверстал... Почитайте о нем. В любом случае вам grid ни к чему тут совершенно. Везде можно flex ом обойтись.