# Assignment

Create an HTML document and a CSS stylesheet to display the following layout:

![](grid-puzzle.png)

The width and height of the rectangular area containing the colored blocks must be 40% and 50% of the viewport height, respectively, i.e., the `vh` unit must be used. You must provide a solution that uses [grid layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout).