Flexbox is short for Flexible Box Module. A layout model that allows easy control of space distribution and alignment between html elements [2]. Flexbox controls positioning in just one dimension at…