HTML, CSS, Flexbox and vanilla javascript Advice app solution

Community feedback

• 

  P

  Karthik suryadevara•825

  @karthik2265Posted over 2 years ago

  Hey Leobardo

  well done, the app works great.

  one thing you can I have noticed is that , there is vertical scroolbar on mobile , this should not actually appear because you are setting height of body to 100vh, but it does because of the internal working of mobile browsers the height becomes more than 100vh , note that this happens only in mobile browsers.

  To solve this problem here is quick solution using javascript

  const body = document.getElementById('body');

  body.style.height = window.innerHeight + 'px';

  using this the height of the body is 100vh in all browsers including mobiles as well. check this stackoverflow question for more info: https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser

  0