Task 5: CSS Flexbox

Flex box is a CSS web layout model, it allows responsive elements to be rearranged depending on screen size. It is a very good alternative to something like float where it gives you the advantage with layout.

Flexbox was developed to make it easier to align content using one-dimensional layouts, either vertically or horizontally. Elements in a flexbox layout can have their height or width set to accommodate different screen sizes.