[css-grid] Use grid-template-areas to determine the explicit grid
From the spec (https://drafts.csswg.org/css-grid/#grid-definition
"The size of the explicit grid is determined by the larger of the number
of rows/columns defined by grid-template-areas and the number
of rows/columns sized by grid-template-rows/grid-template-columns."
So we need to take into account the rows/columns defined by
grid-template-areas to determine the size of the explicit grid.
On top of that this patch is also taking into account this
Created a new test to check the right behavior and added new test cases
to check the style changes too.