@rubuz
Posted
Hi Mallory,
if you want the footer to be on the bottom, and you still want to use the grid on body, you need to make 2 rows in your grid. First row is for the main content and the second row is for the footer.
To the body element add: grid-template-rows: 1fr auto;
To the footer element add: grid-row-start: 2; grid-row-end: 3; and remove the position and bottom.
This will force footer to the bottom of the page.
Regards, Matjaz