Alexandr Alexandrov

Взгляните сюда:
https://stackoverflow.com/questions/10056583/fixed...

jsfiddle.net/yu3ver/4rvqk6de

Исходите из задачи, требований.

Если есть динамика и она может быть решена средствами бутстрапа, уикита и пр. - берите за основу.
Если прелесть лишь в том, чтобы использовать флексбоксы - берите готовые сборки. Например,

• https://mobilejazz.github.io/Eixample/
  
• flexboxgrid.com
  

И рекомендую отказаться от ярлыков "плохо" или "хорошо" и присутпить уже к самой вёрстке. Это всего лишь сборка, основа, для удобства и быстрого старта. В будущем, с опытом, уже придёт понимание как можно собрать иначе, оптимальнее.

Вот ещё в помощь, чтобы наверняка flexbox.buildwithreact.com

Или например,

• https://github.com/niklausgerber/PreLoadMe
  
• https://ihatetomatoes.net/create-custom-preloading...
  

Например, https://jsfiddle.net/yu3ver/gcgoa1db/

Наверное, лучше начать с самого начала и двигаться поэтапно https://try.github.io/levels/1/challenges/1

Для мобильных экранов можете сделать, по умолчанию, плавный скролл к области контента. Например,

if ($(window).width() < 768) {
     $("#content").animate({scrollTop: 10}, 1000);
}

Подробнее: api.jquery.com/scrollTop

###

Это длинное меню можете переделать, свернув в гамбургер и\или раскрывать по клику на иконку. Например, https://bootsnipp.com/snippets/featured/navbar-lat...