Был бы display: block вообще бы проблем не было
но раз вы юзаете flex то пропишите к .solutions li
flex-direction: column;

Делать меню через сетку это что-то новое для меня )))
Вот тебе официальный мануал:
getbootstrap.com/components/#navbar
Там расписано как делать меню

Могу попытаться сделать такое меню.
Если нужно пиши здесь в комменты или в вк

Вообще нужно заменять символы '<' '>' на их html-сущности

Для того что бы отобразить теги в code необходимо регуляркой заменять "<" на < и ">" на > иначе браузер распознает и попытается их отобразить.

Ну а если вам уж лень заменять, то используйте тег <xmp></xmp> вместо <code></code>
Только данный код по идее будет не валидным