Do the following:

Task $1$: Open the file code$3-2.$html and $\_$ code$3-2\_$layout.css$\_$ and in the comment section enter your name $($First $+$ Last$)$ and the date $($MM$/$DD$/$YYYY$)$ into the Author: and Date: fields of the file.

Task $2$: Go to the code$3-2.$html file and within the head section insert a link element linking the page to the code$3-2\_$layout.css file. Study the contents of the file, taking note of the structure, element names, and element ids.

Task $3$: Go to the code$3-2\_$layout.css file. Create a style rule for the header, footer, aside, article, and a $($hyperlink$)$ elements to set the padding space to $10$ pixels and add a $3-$pixel gray dashed outline.

Create a style rule for the body element that:

Sets the width to $90\%$ of the browser window, ranging from a minimum width of $640$ pixels up to a maximum width of $1024$ pixels.

Sets the top$/$bottom margin to $30$ pixels and the left$/$right margin to auto.

Displays the body as a CSS grid.

Creates six grid columns each with a width of $1$fr$.$

Creates five grid rows with widths of $50$ pixels, $30$ pixels, $1$fr$,1$fr$,$ and $100$ pixels.

Adds a grid gap of $15$ pixels.

Task $4$: Create a style rule for the body element.

Task $5$: Set the size of the grid items as follows:

Have the header element span from gridline $1$ to gridline $-1.$

Have the article#intro element span two rows and two columns.

Have the article#main element two rows and three columns.

Have the footer element span two columns.

Task $6$: Open the webpage in the browser preview and verify the layout of the page resembles that shown in Figure $380.$