When creating a grid, class defaults to 2nd row or column

HTML-CSS
#1

Hello,

When I create a grid with 2 rows or 2 columns, my section, the only element in my HTML so far keeps defaulting to the 2nd row or column and I can’t figure out why. I have tried using grid-row: 1; to force it in the first row but it has no effect. Can anyone help?
https://codepen.io/CRhea/pen/oNzQgOa

#2 
body {
  background: white;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
}

Remove this configuration, It is not necessary and it is what is bugging, the diplay grid you define in the container, in the body you can put something with : example

*,body {
    margin: 0;
   padding: 0;
   box-sizing: border-box;
}

ok

#3

Disculpa se me olvido en que te puedo ayudar? :sweat_smile:

#4

I will keep this in the mind for the future.
HOWEVER. I happened upon a solution by simply moving the div element outside of my header element which was causing the problem, and it now moves to the top of the page.