но когда я начинаю его делать сталкиваюсь например с тем, что мое меню не располагается по вертикали.
Имеется в виду topmenu? Попробуйте для меньших разрешений вместо flex-direction: row; задать flex-direction: column;, если проблема только в том, что оно не вертикально
voproshayoushii, я понял, что имеется в виду сайт. Ааа, т.е. вы условно хотите повлиять на аналитику других сайтов, чтобы в их данных не указывался переход с вашего сайта? Если так, то советую маленько пораскинуть мозгами
Haxonate, ну это уже другой вопрос. Ваш основной вопрос "Как разместить текст друг над другом" - в вашем случае это решает flex-direction: column;, точнее так не только текст будет друг над другом, но и все дочерние элементы будут размещены в столбик.
Если вам надо, чтобы текст был справа от картинки, но при этом оба элемента текста были друг под другом, тогда оберните их в div и задайте ему display: flex; flex-direction: column;
Zukrine, используйте DevTools, чтобы понять, почему не применяются ваши стили. Если css подключен и селекторы верные, то возможно в bootstrap используются селекторы по потомкам и классу, когда у вас напрямую по классу.
Имеется в виду topmenu? Попробуйте для меньших разрешений вместо flex-direction: row; задать flex-direction: column;, если проблема только в том, что оно не вертикально