Html/CSS2 I Can't get my grid to work

HTML/CSS
1

I did lesson 9 (grid) with Mosh with no problem. The grid badge was there, the grid overlay section of the inspect layout tab showed the element with the grid. The grid worked!

Then for practice, I created a new html file with a grid, but with no success. The grid badge didn’t show up in my second html file like it did in the first one that I created following along with Mosh, the grid overlay section of the inspect layout tab said ‘No grid layouts found on this page’, and I have no grid on the page.

This is my markup:


1

2

3

4

and my CSS:
.page{
display: grid;
grid-template-rows: 200px 200px 200px;
grid-template-columns: 200px 200px;
margin: 3px;
border: 3px solid darkmagenta;
}

.page{
display: grid;
grid-template-rows: 200px 200px 200px;
grid-template-columns: 200px 200px;

2

Newbie here: I didn’t expect my markup to be evaluated, so I’ll paste it again minus the angle bracket - let’s see if this works
div class=“page”>

1

2

3

4

</div

3

Check if your new HTML file is properly linked to your CSS.