Дядя Толя

Ответ по ссылке -> Как вставить иконку в Input?

Так пробовал?

function css() {
    src('node_modules/normalize.css/normalize.css')
    .pipe(concat('libs.scss'))
    .pipe(dest(source_folder + '/scss/'))
    return (src(path.src.css))
    .pipe(
      scss({
        outputStyle: 'expanded', // compressed
      })
    )
    .pipe(
      autoprefixer({
        overrideBrowserslist: ['last 5 versions'],
        cascade: true,
      })
    )
    .pipe(dest(path.build.css))
    .pipe(clean_css())
    .pipe(
      rename({
        extname: '.min.css',
      })
    )
    .pipe(dest(path.build.css))
    .pipe(browsersync.stream());
}

body, html { height: 100% } 
body { position: relative } 
/* relative - чтобы дочерний элемент знал относительно 
чего он позиционируется и растягивается */
.menu_body { height: 100% }

Мне такие неизвестны.
Можете изучить Smart Grid сетку от Дмитрия Лаврика, тогда адаптивная верстка будет легче.

Если нет проблем с деньгами, то лучше найди и купи себе хороший соверменный шаблон, сверстай и положи его себе в портфолио. Хоть какая-то уникальность будет :)

https://jsfiddle.net/sh4rov/0v76zrc8/

если сделать min-height черным блокам, то всё робит таким вот образом, если я вас понял верно.

Первая ссылка из гугль :)
https://webformyself.com/avtomaticheskaya-css-inve...