Flexbox CSS offers some of the most effective layouts that you can achieve with CSS only, It is supported by all modern browsers and so is a great choice for the layout foundation of any modern website. Here are some of the most useful things you can do with Flexbox CSS:-
Center a Div horizontally & Vertically with Flex CSS
See how to center a div horizontally and vertically on our Code Pen.
Fluid Equal Height & Width Responsive Columns with Flex CSS
You can add as many flex columns (.flex-col) as you want and they will always be exactly the same width which is equivalent to full-width of .flex-row/number of .flex-col and then will also flex at responsive breakpoints.
See Fluid Equal Height & Width Responsive Columns with Flex CSS on Code Pen.