Vladislav

Да, дело в приорите, попробуй отталкиваться от самого селектора body и в него стили вложить или используй !important на крайний случай

Поставь position: relative элементу у которого overflow: hidden

Привет, попробуй прописать префиксы к флексам через autoprefixer в vs code плагин или через node modules плагин autoprefixer для gulp

input:focus { outline: none; }

1) Position, если высота известна https://codepen.io/anna_blok/pen/eqOVQN
2) Position, если высота не известна https://codepen.io/anna_blok/pen/oKvYdW
3) Использование псевдо-элемента https://codepen.io/anna_blok/pen/rXBmag
4) CSS Flexbox (блок растянут полностью) https://codepen.io/anna_blok/pen/YmKaGv
5) CSS Flexbox (блок имеет ограничения по ширине и высоте) https://codepen.io/anna_blok/pen/mNbmmB
6) CSS Grid https://codepen.io/anna_blok/pen/dxbWKR
7) Table & Table-cell https://codepen.io/anna_blok/pen/KOPmjP