This exercise shows your grid skills by practicing building flexible grid layouts. This practice session covers creating flexible column tracks using grid features that adapt your content to available space and intelligently size and position items within the grid container.

Your tasks are as follows:

1- Download the attached zip file

2- The HTML and CSS files for this exercise are included. Open the index.html and observe it.

3- In the layout.css, insert CSS code to create a flexible and responsive card layout using Grids. (some helpful instructions are provided for assistance) The layout automatically resizes from a three column layout to two columns, then one column, all without media queries.

4- Apply 20 pixel gutter to rows and columns (some snapshots of the layouts for different browser sizes are shown below)

Hint: each column should not get narrower than 280 pixels and if the available space allows it, each column should expand to take up one fraction of the free space.