I don't understand errors on my Personal portfolio page -- please help

1

Ignore this. If I could delete it I would. I’m going all the way back to scratch on this. I believe I got it totally messed up.

I run the Test Page on it and it passes 6 tests. I look at the messages and first I need a WELCOME -SECTION id div. “expected null to not equal null”?

I put the section like this:

<main>
  <header>
    <div id="WELCOME-SECTION">
      <h1>Hi, I'm Ray.</h1>
      <p>I've done some application development in visual basic for Windows Office Apps (Access & Excel). I'm learning Front-End Development. I've got practical experience in IT Financial Services Chargebacks; I'm learning Full-Stack JavaScript and Data Mining.</p>
      <hr class="star-bright"/><span class="skills">Web Developer, Forensics</span>    
    </div>

Don’t get what the error is telling me.

The next error tells me “MUST HAVE

ELEMENT THAT CONTAINS TEXT.”
Isn’t my

element there and doesn’t it contain text?

Then it passes my projects section id, but doesn’t pass my AT LEAST ONE ELEMENT WITH A CLASS OF “PROJECT-TILE” TO HOLD A PROJECT.

<!--Projects Section-->
  <section id="projects">
    <h2>FCC projects</h2>
    <div class="project-title">
      <a href="https://silvanet.github.io/Nagarjuna/">Nagarjuna Tribute Page</a>
    </div>
  </section>

I have that class element and the link in it works and passes.
So, again, I don’t get what the error is referring to.

LINK WITH AN ID OF “PROFILE-LINK”, WHICH OPENS MY GITHUB OR FCC PROFILE IN A NEW TAB.
and I have

<a class="button social" id="profile-link" href="https://github.com/silvanet" target="_blank"><i class="fa fa-fw fa-github"></i></a>

that works from the github button at the bottom of the page.

Says navbar parent should be , and it is.

<body>
  
<header class="navbar navbar-default navbar-fixed-top" id="banner">
  <div class="container"><a class="scrollable" href="#top"><img src="images/20120210_124729.jpg" alt="silvanet | Rapid Application Development" title="silvanet | Rapid Application Development"/></a>
    <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
    <nav class="collapse navbar-collapse" id="navbar" role="navigation">
      <ul class="nav navbar-nav navbar-right">
        <li><a class="scrollable" href="#top">About</a></li>
        <li><a class="scrollable" href="#portfolio">Portfolio</a></li>
        <li><a class="scrollable" href="#contact">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>

I’m not sure I understand the viewport error message:
THE HEIGHT OF THE WELCOME SECTION SHOULD BE EQUAL TO THE HEIGHT OF THE VIEWPORT.

I hadn’t put viewport o n it, so after some research, I added this.

<META NAME="viewport" CONTENT="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>

I’ve been spinning around with this for hours.

Please look at it and make suggestion(s)
https://silvanet.github.io/Portfolio/

Shoot, back to the drawing board. The viewport entry totally messed things up.