Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

Hi, my p element has an error not sure how i can show you.

** the heading and the paragraph are close to one another**
here is the link
about:blank
the code

Hey I am Mimic


a web developer


**On my preview

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Personal Portfolio Webpage</title>
    <link rel="stylesheet" href="styles.css"/>
  </head>
      <body>
 <nav id="navbar">
   <ul id="nav-list">
     <li>
       <a href="#welcome-section">About<a>
         </li>

          <li>
       <a href="#projects">Work<a>
         </li>

          <li>
       <a href="#contact ">Contact<a>
         </li>
         </nav>
         <section id="welcome-section" class="welcome-section">
            <h1>Hey I am Mimic</h1>

            <p> a web developer</p>
         </section>
         <section id="projects" class="projects">
           <h2>These are some of my projects</h2>
            <p>a web developer</p>
        
      </body>
  </html>
  
    
   
  
/* file: styles.css */
body{
  font-family: 'poppin', sans serif;
  margin:0;
  padding: 0;
}
#navbar{
background: #be3144;
position: fixed;
top: 0;
left: 0;
width: 100%;
display: flex;
justify-content: flex-end;
}

#nav-list{
  display: flex;
  flex-direction: row;
  
}
li{
  list-style: none;
}

a{
  color: white;
  text-decoration: none;
  font-size: 1.5em;
  padding: 1rem 2rem
}

a:hover{
  background: #45567d 
}


#welcome-section{
width: 100%;
height:  100vh;
display: flex;
flex-direction: columns;
align-items: center;
justify-content: center;
background-color: #000;
background-image: linear-gradient(62deg, #3a3d40 0%,#181719);

}

h1{
  color: white;
  font-size: 4rem;
  font-weight: 700
}

#welcome-section > p{
color: #be3144;
font-size: 2rem;
font-style: italic;
font-weight: 100;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

what is the error?
You can take a screenshot and explain using more words.

![Screenshot 2022-12-10 at 5.00.12 AM|690x431](upload://mjvJuQY5QTZ6U3xlFEtGzJGa8xs.jpeg)

**My Page looks like the above screen shot. According to my understanding P element sorts itself out now on my test . now my paragraph is with the heading.