When should I use Flexbox?
Flexbox really shines when you need to solve these: scaling, vertically and horizontally aligning, and re-ordering elements within a container, changing direction in a column or a row.
Is Flexbox responsive?
Yes, if you wish to more about responsiveness, Flexbox is one aspect you should learn about.
Is Flexbox better than bootstrap?
For a couple of reasons, flexbox is much better than bootstrap: Bootstrap uses floats to make the grid system, which many would say is not meant for the web, where flex-box does the opposite by staying flexible to the items' size and contents; same difference as using pixels vs em/rem, or like controlling your divs only using margins and padding and never setting a pre-defined size. Bootstrap, because it uses floats, needs clearfix after each row, or you will get misaligned divs of different height. Flex-box doesn't do that and instead checks for the tallest div in the container and sticks to its height.
Should I use CSS Grid or Flexbox?
Flexbox is made for one-dimensional layout and Grid is made for two-dimensional layouts. This means that if you’re laying out items in one direction (for example three buttons inside a header), then you should use Flexbox. It’ll give you more flexibility than CSS Grid. It’ll also be easier to maintain and require less code. However, if you’re going to create an entire layout in two dimensions — with both rows and columns — then you should use CSS Grid