CSS Flex Mex is a tool designed to help developers understand the CSS display properties flex and grid. Both enormously powerful tools, and helpful in their own way. Play around with both playgrounds, and just input that code into your project. Simple as that!
CSS Flexbox layout is a one dimensional method for laying out items in rows or columns.
CSS Grid layout divides a page into major regions, while also defining the relationship of it contents size, position, and layer.