React inner div height 100%

Viewed 12382

enter image description hereHi all I am new in react and stuck on one issue

Issue:- My application have lot of div like "root","component" and component UI div's when I set my component UI div height which is nested div to 100% without touching css of upper div also without adding 100% height in all upper div rather than "body" what I am excepting in this that my component UI (nested) div grab height of full screen

Hope guys you understand my issue please help me in issue

In this picture _logincard not grabbing whole height

3 Answers

Try doing

div{ height:100vh; }

When you put vh = viewport unit, 100 = 100% of the screen

Related