# Why height viewport gives an error when solid border is used on the welcome message container?

**URL:** <https://forum.freecodecamp.org/t/why-height-viewport-gives-an-error-when-solid-border-is-used-on-the-welcome-message-container/413298>\
**Category:** General\
**Created:** [August 3, 2020, 3:28pm UTC](https://forum.freecodecamp.org/t/why-height-viewport-gives-an-error-when-solid-border-is-used-on-the-welcome-message-container/413298 "2020-08-03T15:28:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hisoka](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hisoka/32/142745_2.png) [@Hisoka](https://forum.freecodecamp.org/u/Hisoka)\
**Post date:** [August 3, 2020, 3:28pm UTC](https://forum.freecodecamp.org/t/why-height-viewport-gives-an-error-when-solid-border-is-used-on-the-welcome-message-container/413298/1 "2020-08-03T15:28:59Z")

</div>

hi all

in the Project challenge Porfolio **User Story #10** the viewport height i am getting an error though i used `height: 100vh`.

I found out that when i remove the solid border that surrounds the welcome message container the error disappears.

What if i want to decorate the welcome page with a border style. Why i will be receiving an error that the height of viewport is wrong.

Link to the codes below:  
[Link to the codes on Jsfiddle](https://jsfiddle.net/AlexanderThe3rd/4obgqsef/3/)

---

<div class="post-metadata">

**Author:** ![biscuitmanz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/biscuitmanz/32/188814_2.png) [@biscuitmanz](https://forum.freecodecamp.org/u/biscuitmanz)\
**Post date:** [August 3, 2020, 4:33pm UTC](https://forum.freecodecamp.org/t/why-height-viewport-gives-an-error-when-solid-border-is-used-on-the-welcome-message-container/413298/2 "2020-08-03T16:33:41Z")

</div>

hey @Hisoka,

This is because giving a border of 1px will add 1px to the height of the welcome section, which means it will be 1px over the viewport height, this is because the box sizing is set to content box by default so changing this to border box will fix your problem.

Add this to your welcome section `box-sizing: border-box;`

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 6:45pm UTC](https://forum.freecodecamp.org/t/why-height-viewport-gives-an-error-when-solid-border-is-used-on-the-welcome-message-container/413298/3 "2021-06-01T18:45:00Z")

</div>

Closed on June 1, 2021, 6:45pm UTC