CSS Flexbox is a one-dimensional layout method used for arranging elements in rows or columns. The main…