CSS Grid and Flexbox

Question

What are some of the advantages of each and can they be used together? From what I understand, they are both pretty standard in modern front end developement. I know that some even use the Bootstrap grid rather than learn either. Amy insight would be much appreciated!

Answer 1

Grid is way better for creating layouts as it is two dimensional. Grid is not supported by all browsers. Flex box is one dimension and is used to make layouts the similar way as grid and it's supported by nearly all browsers.

As far as I know bootstrap grid is made using flex box as they want older browser support.

Personally I prefer grid - the only disadvantage it's not supported by IE11 for example

Answer 2

Thank you so much for the answer, damyco! That's really helpful, and your answer clears up the questions I had about it. I appreciate it!