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.

5

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