Stuck on final part of Personal Portfolio page

HTML-CSS
1

Thanks all for helping with my projects. Last one!

The error message I am getting is :

The height of #welcome-section is not equal to the height of the viewport : expected 1810 to be close to 258 +/- 1

I understand how to use the vh property and I have implemented it. Still not working. I Googled and found this

but the workarounds here don’t seem to be working. Is it some issue with the borders, or something else entirely?

2

your current markup from line 1 to 28 is

<header id="welcome-section" </header>
<h1>asdad</h1>
<header id="projects" class="project-tile"
<p id class="project-tile" </p>

<nav id="navbar" class="nav">
  <ul class="nav-list">
    <li>
      <a href="#welcome-section">About</a>
    </li>
    <li>
      <a href="#projects">Work</a>
    </li>
    <li>
      <a href="#contact">Contact</a>
    </li>
     <li>
      <a href="#contact">Contact</a>
    </li>
  </ul>
</nav>

<a href="https://codepen.io/Tomato_of_Justice/pen/GRMPKoy">project</a>

try replacing those line with this markup

<nav id="navbar" class="nav">
  <ul class="nav-list">
    <li>
      <a href="#welcome-section">About</a>
    </li>
    <li>
      <a href="#projects">Work</a>
    </li>
    <li>
      <a href="#contact">Contact</a>
    </li>
  </ul>
</nav>
3

Agreed with the above comment by @saurabhv749 . Looks like the problem is in assigning the <header id="welcome-section" </header>
and also assigning the <section id="welcome-section" class="welcome-section"> The rest of

<header id="welcome-section" </header>
<h1>asdad</h1>
<header id="projects" class="project-tile"
<p id class="project-tile" </p>

is not necessary.

4

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