Create an HTML file and CSS file to achieve the following layout using CSS grid including text:

Use CSS grid for the layout

The main container within the body element must use viewport

height$/$width units for the grid

Must set margins and padding as required for all containers

Set font size to something appropriate other than default

Must center text in containers

Fractional units not allowed

Use grid$-$template$-$areas