Problems with CSS grid

i’m not sure what i’m doing wrong. i am trying to make a 9x9 grid that spans the height of the browser window and is square.
this code produces this:

can someone help?

css height is relative to its parent “containing block,” so that “11.11%” isn’t 11.11% of the screen. maybe use 11.11vh?

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.