Подскажите что лучше изучать CSS Grid, bootstrap или flexbox

Стоит сразу отметить,что Flexbox и Grid Layout - это специальные модули CSS. А Bootstrap - фреймворк, который в основном используется для адаптация к мобильным устройствам. На начальном этапе вам необходимо достаточно хорошо разобраться с HTML и CSS. В дальнейшем стандартно рекомендуется начать с изучения фреймворка Bootstrap. Затем освоить другие фреймворки. После чего Вы сможете подобрать необходимый фреймворк, который будет наиболее удобен для вас и для конкретных целей. Так же у Вас появятся свои готовые решения на базе освоенного материала и полученного опыта. Если просто ответит на Ваш вопрос порядок следующий: 1.) HTML 2.) CSS в общем 3.) Flexbox 4.) Grid Layout 5.)Bootstrap 6.)Другие фреймворки.

Grid Layout, Flexbox, Bootstrap друг друга не заменяют, у них разное назначение, хотя некоторые элементы можно сделать сразу на нескольких из них.

Я рекомендую для начала поверхностно изучить понять что каждая из этих технологий делает. А потом можно будет изучать более подробно сами технологии.

Последовательность предлагаю такую.

1. Flexbox (на первом месте, так как сейчас он реально много где используется, и многие вещи без него не сделать, очень удобен).
2. GridLayout
3. Bootstrap (на последнем месте так как первые два это модули CSS, то есть основа, а Bootstrap это Framework).

Теперь кратко что делает каждая из технологий.

1. Flexbox - контейнер для последовательности элементов, списков (таблицы на нём обычно не делают).
2. GridLayout - позволяет делать шаблоны (layout) страницы табличным методом, современная и мощная технология.
3. Bootstrap - фреймворк для создания адаптивных страниц корректно и красиво отображающихся на устройствах с разным размером экрана: мобильники, планшеты, ПК. Так же имеет в себе много (библиотека) различных компонентов страницы.