# Need Personal Portfolio help

**URL:** <https://forum.freecodecamp.org/t/need-personal-portfolio-help/492332>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [January 13, 2022, 4:56am UTC](https://forum.freecodecamp.org/t/need-personal-portfolio-help/492332 "2022-01-13T04:56:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![spectrumz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/spectrumz/32/239651_2.png) [@spectrumz](https://forum.freecodecamp.org/u/spectrumz)\
**Post date:** [January 13, 2022, 4:56am UTC](https://forum.freecodecamp.org/t/need-personal-portfolio-help/492332/1 "2022-01-13T04:56:03Z")

</div>

**Tell us what’s happening:**  
Describe your issue in detail here.  
getting error: " The height of the welcome section should be equal to the height of the viewport." and im not sure why

**Your code so far**

```auto
<header>
  <nav id="navbar">
    <a href="#welcome-section" id="logo-link">
      <h1>Welcome</h1>
    </a>

    <ul class="nav-list">

      <a href="#projects">
        <li>Projects</li>
      </a>
      <a href="#profile">
        <li>Profile</li>
      </a>
      <a href="#contact">
        <li>Contact</li>
      </a>
    </ul>
  </nav>
</header>
<!--BODY-->

<body>
  <section id="welcome-section">
    <div class="header-text">
      <h1><code>Hello World!</code></h1>
      <p>My name is Nick</p>
    </div>
  </section>

#navbar {
  position: fixed;
  top: 0;
  height: 80px;
  width: 100%;
  background-color: #007cc7;
  display: flex;
  justify-content: space-between;
  z-index: 5;
}

.nav-list {
  display: flex;
  margin-right: 20px;
  margin-top: auto;
  margin-bottom: auto;
}

.nav-list a {
  display: block;
  font-size: 1.5rem;
  padding: 10px;
  color: white;
}

.nav-list a:hover {
  color: cyan;
}

#logo-link {
  color: white;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  font-size: 1.5rem;
}

#welcome-section {
  height: 100vh;
  margin-top: 20px;
  text-align: center;
  background-color: #12232e;
  border-style: solid;
  border-color: #203647;
  border-width: 10px;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  display: flex;
}

```

**Your browser information:**

User Agent is: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36`

**Challenge:** Build a Personal Portfolio Webpage

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![JeremyLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jeremylt/32/291894_2.png) [@JeremyLT](https://forum.freecodecamp.org/u/JeremyLT)\
**Post date:** [January 13, 2022, 5:02am UTC](https://forum.freecodecamp.org/t/need-personal-portfolio-help/492332/2 "2022-01-13T05:02:07Z")

</div>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (`</>`) to add backticks around text.

 ![Pre-formatted-text](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (’).

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [July 14, 2022, 5:03pm UTC](https://forum.freecodecamp.org/t/need-personal-portfolio-help/492332/3 "2022-07-14T17:03:00Z")

</div>

Closed on July 14, 2022, 5:03pm UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.