# Portfolio Page / the height of the welcome section is not equal to the height of the viewport

**URL:** <https://forum.freecodecamp.org/t/portfolio-page-the-height-of-the-welcome-section-is-not-equal-to-the-height-of-the-viewport/245082>\
**Category:** General\
**Created:** [December 11, 2018, 2:35pm UTC](https://forum.freecodecamp.org/t/portfolio-page-the-height-of-the-welcome-section-is-not-equal-to-the-height-of-the-viewport/245082 "2018-12-11T14:35:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marcel\_Dublin](https://avatars.discourse-cdn.com/v4/letter/m/c0e974/32.png) [@Marcel\_Dublin](https://forum.freecodecamp.org/u/Marcel_Dublin)\
**Post date:** [December 11, 2018, 2:35pm UTC](https://forum.freecodecamp.org/t/portfolio-page-the-height-of-the-welcome-section-is-not-equal-to-the-height-of-the-viewport/245082/1 "2018-12-11T14:35:28Z")

</div>

Hello everyone!

i have a problem with the Portfolio site project, i get the error " the height of the welcome section is not equal to the height of the viewport" , i changed the section several times but still i could not solve it.

Please have a look 😉

> **[FCC: Personal Portfolio](https://codepen.io/Marcel_HU/pen/GPgLxY)**
>
> ...

Thanks and Regards,  
Marcel

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [December 11, 2018, 7:21pm UTC](https://forum.freecodecamp.org/t/portfolio-page-the-height-of-the-welcome-section-is-not-equal-to-the-height-of-the-viewport/245082/2 "2018-12-11T19:21:22Z")

</div>

1. Add `height: 100vh;` to the #welcome-section.

```auto
#welcome-section {
  height: 100vh;
}

```

1. Use the Analyze HTML/CSS from the drop-down menus, see if you can’t fix some of the issues.

 ![Analyze](https://global.discourse-cdn.com/freecodecamp/original/3X/a/0/a02906311cd9d8b7e84239c055a4c301d5a10101.png)

---

<div class="post-metadata">

**Author:** ![Marcel\_Dublin](https://avatars.discourse-cdn.com/v4/letter/m/c0e974/32.png) [@Marcel\_Dublin](https://forum.freecodecamp.org/u/Marcel_Dublin)\
**Post date:** [December 12, 2018, 8:48am UTC](https://forum.freecodecamp.org/t/portfolio-page-the-height-of-the-welcome-section-is-not-equal-to-the-height-of-the-viewport/245082/3 "2018-12-12T08:48:01Z")

</div>

thank your for looking into that and helping me out, its greatly appreciated. I could finally submit that Pen.

---

<div class="post-metadata">

**Author:** ![Gerwyn](https://avatars.discourse-cdn.com/v4/letter/g/e79b87/32.png) [@Gerwyn](https://forum.freecodecamp.org/u/Gerwyn)\
**Post date:** [April 27, 2019, 1:24pm UTC](https://forum.freecodecamp.org/t/portfolio-page-the-height-of-the-welcome-section-is-not-equal-to-the-height-of-the-viewport/245082/4 "2019-04-27T13:24:24Z")

</div>

> [@lasjorg](#):
>
> 1. Use the Analyze HTML/CSS from the drop-down menus, see if you can’t fix some of the issues.

thank you for that. i actually forgot about vh. it worked.

---

<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:** [January 17, 2021, 9:50am UTC](https://forum.freecodecamp.org/t/portfolio-page-the-height-of-the-welcome-section-is-not-equal-to-the-height-of-the-viewport/245082/5 "2021-01-17T09:50:56Z")

</div>

Closed on January 17, 2021, 9:50am UTC