Getting white space when i minimize the screen in chrome

Question

I am using Chrome, my page is as expected when it is in normal mode but when I minimize screen, white space is coming at the bottom and some content is hidden, page is based of reactjs, html, css. its working fine for IE (both Normal n Minimize)

What is the error and how can I solve this?

Make sure that this 'white space' is not an scroll. If so you would need to react on resize — Maciej Trojniarz, Sep 10 '19 at 06:49
@Maciej Trojniarz can u please elaborate, becoz its working for IE — Tej, Sep 10 '19 at 06:52
@Xenio Gracias Dnt mine, what's that codesandbox link and how it works — Tej, Sep 10 '19 at 06:54
@Tej check this link https://codesandbox.io/s/y2lrywpk21. you an add your code here — Xenio Gracias, Sep 10 '19 at 06:56
@Maciej Trojniarz Yes, White space is coming in scroll where some content has to come — Tej, Sep 10 '19 at 06:56
@Tej so then you need to work with your layout to allow scroll or to bypass it. You maybe should try https://stackoverflow.com/questions/19014250/rerender-view-on-browser-resize-with-react — Maciej Trojniarz, Sep 10 '19 at 07:14

score -1 · Answer 1 · answered Sep 10 '19 at 06:56

-1

Not sure without looking at it. But you can try to use some kind of hack to show css border on all the elements of the document using

* {
    border: 1px solid red;
}

Another post i read https://dev.to/gajus/my-favorite-css-hack-32g3

answered Sep 10 '19 at 06:56

Kawaljit Singh

190
1
6

Getting white space when i minimize the screen in chrome

1 Answers1