Что использовать в начале flexbox/фреймворки/сетки?

Объясните как продвигаться в изучении верстки. Мой опыт не большой, для практики я брал разные psd шаблоны и сверстал их на обычном css, блоки позиционировал с помощью display: inline-block, адаптивность сделал через медиа запросы. Так как у меня постоянно на слуху фреймворки(Bootstrap), flexbox и css сетки, то я хотел бы начать все это использовать в своих работах и начать развиваться в этом направлении, но ища нужную информацию об этих вещах я только запутался и не могу понять с чего начать. Где взять нужную информацию и как ее правильно применять.