CSS Layouts using Flexbox and Grids

Below you see layout examples and you are to create the equivalent outputs using Flexbox and another
version of the same layout using Grid.

1.

2.
 3.

4.

Instructions:

1. Create folders for each type (i.e. Flexbox, Grid).

2. Name each activity in the following name convention <type>-layout-<number>, this will be the
same name for both .html and .css files.
3. After completing all the activities, create a .zip file with the name CSS-felxgrid.zip and use this to
contain all the activities done and submit to the LMS.