title: React inner div height 100%
body: <p><a href="https://i.stack.imgur.com/2jONa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2jONa.png" alt="enter image description here"></a>Hi all I am new in react and stuck on one issue </p>
  
  <p>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  </p>
  
  <p>Hope guys you understand my issue please help me in issue </p>
  
  <p>In this picture _logincard not grabbing whole height </p>