React - body not full height

Question

I know there are other questions like this, but none of them helped me

I can't make body tag full height, there is a white space before and after body tag

App.css:

html, body, #root{
  min-height: 100vh;
}

Also tried:

    html, {
      min-height: 100vh;
      position: relative;
    }

    body {
    min-height: 100vh;
}

you have an element inside the body having a default margin (the `ul`) (add `overflow:hidden` to the body) — Temani Afif, Jul 08 '19 at 00:38

score 2 · Accepted Answer · answered Jul 08 '19 at 00:30

2

The un-ordered list (<ul>) have a margin set by default. Have you tried removing that margin?

.menu-links {
  margin: 0;
}

answered Jul 08 '19 at 00:30

d4vsanchez

Ion · Answer 2 · 2019-07-08T00:54:25.507

1

Try removing margin and padding from html and body tag.

Try to see if the element inside the body does not have also a margin.

html, body {
  margin: 0;
  padding: 0;
}

I case of using the ul > li they have default margin as stated below.

edited Jul 08 '19 at 00:54

answered Jul 08 '19 at 00:22

Ion

2 Answers2