Hi , Iam stucked at my last stage of code can you please help me

HTML-CSS
1

I got 4 errors. It is difficult to solve those errors for me.

<!DOCTYPE>
<html>
   <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>My Portfolio</title>
  
  <head>
    <header id="header">
      <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet">
      </header>
    <script src="https://kit.fontawesome.com/dd8d422625.js" crossorigin="anonymous"></script>

  <link rel="stylesheet" href="style.css">
  
 <head>

<body>
  
  <nav id="navbar">
     <div class="topnav">
       <div id="profile-link" class="profile-link">
       <a href="https://www.facebook.com/smt.deepika" target="_blank" class="active"><i class="fab fa-facebook"></i></a>
         <a href="https://www.freecodecamp.org/hemadeepikarani" target="_blank" class="active"><i class="fab fa-free-code-camp"></i></a>
         
         
       </div>
         
  <div id="myLinks">
    <a  href="#Projects">Projects</a>
    <a href="#contact">Contact</a>
    <a href="#about">About</a>
  </div>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>
</div>
   
  <section id="welcome-section">
    <div id="headings">
    <h1> Web Designer </h1>
      <p><strong> <h4>Hema Deepika Rani</h4></strong></p>
   </div>
   
    
  </section>
    
    <section id="projects">
      <h2 id="Projects">Projects</h2>
      <div class="grid-container">
        <div class="row">
          <div  id="Projects" class="project-tile">
            <iframe height="265" style="width: 80%;" scrolling="no" title="vYxrNVB" src="https://codepen.io/niyasri/embed/preview/vYxrNVB?height=265&theme-id=light&default-tab=result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/niyasri/pen/vYxrNVB'>vYxrNVB</a> by hemadeepika
  (<a href='https://codepen.io/niyasri'>@niyasri</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
          </div>
          <div class="project-tile">
 <iframe height="265" style="width: 80%;" scrolling="no" title="jOBpbvV" src="https://codepen.io/niyasri/embed/preview/jOBpbvV?height=265&theme-id=light&default-tab=result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/niyasri/pen/jOBpbvV'>jOBpbvV</a> by hemadeepika
  (<a href='https://codepen.io/niyasri'>@niyasri</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
          </div>
          
        </div>
         <div class="row">
          <div class="project-tile">
           <iframe height="265" style="width: 80%;" scrolling="no" title="vYxzqLp" src="https://codepen.io/niyasri/embed/preview/vYxzqLp?height=265&theme-id=light&default-tab=result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/niyasri/pen/vYxzqLp'>vYxzqLp</a> by hemadeepika
  (<a href='https://codepen.io/niyasri'>@niyasri</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
          </div>
          <div class="project-tile">
          <iframe height="265" style="width: 80%;" scrolling="no" title="GRWGwLg" src="https://codepen.io/niyasri/embed/preview/GRWGwLg?height=265&theme-id=light&default-tab=result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/niyasri/pen/GRWGwLg'>GRWGwLg</a> by hemadeepika
  (<a href='https://codepen.io/niyasri'>@niyasri</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
          </div>
          
        </div>
      </div>
      
    </section>
  
  
  
  <script>
    
    
  </script>

</body>

</html>
2

what errors are you getting? would you be able to provide the project link?

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
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

3

When doing the projects and a test fails click the red button to see which test(s) are failing and text to help you correct the issue.

  • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
4

ok Roma thanks for the reply

5

thank you.
I am new to free code camp so thats why i dint know about these things.

6

i already removed 2 errors. only 2 errors more to complete my portfolio project

  1.  " 2. The height of the welcome section should be equal to the height of the viewport."

  2. " 3. The navbar should always be at the top of the viewport " .

https://codepen.io/niyasri/pen/eYvXmRY this is my project link

7

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