Как исправить строку меню и контейнер в CSS при сворачивании страницы

Обратите внимание, что CSS используется в HTML, почему бы вам не попробовать использовать Bootstrap? Это действительно полезно, оно может изменить размер и переместить ваш элемент должным образом при изменении размера окна. И это делает это ответно. Вы можете использовать его классы (как), чтобы сделать это. Здесь смотрите документацию сетки макетов, она должна работать для вашей проблемы

https://getbootstrap.com/docs/4.3/layout/grid/

Используйте:

vertical-align: top;

Для текста

Я не совсем понял,

приведенный ниже код удерживает строку поиска с кнопкой поиска. если вы хотите разместить панель поиска над столбцом профиля. Убедитесь, что она находится внутри столбца. И удалите позицию: absolute; собственность и ее право; и топ :; также. используйте float: правильно;

.srch{
      position:relative;
     }

 .sub{
     position:absolute;
     top:0;
     right:0;
    }

есть какие-либо вопросы, пожалуйста, не стесняйтесь спрашивать.