Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I have been stuck here for days; “Your portfolio should use at least one media query.” Please help!!!
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
   <head>
    <title>Portfolio
      </title>
 <link href="styles.css" rel="stylesheet"> 
 </head>
 <body>
   
   <navbar id="navbar">
     <ul>
       <li>
    <a href="#web">About us</a>
    <link href="styles.css" rel="stylesheet">
  </li>
  <li>
  <a id="profile-link" target="_blank" href="profile-link">contact us</a>
  </li>
  </ul>
</nav>
<section id="welcome-section">
  <h1>Portfolio Webpage</h1>
</section>
<section id="projects">
  <h2>webpage<a class="project-tile" href="project-tile">
  </a></h2>
  <a></a>
  <link href="styles.css" rel="stylesheet">
  </section>
 </body>
</html>

/* file: styles.css */
navbar{
 position: fixed;
  width: 100%;
  text-align: left;
  font-size: 24pt;
  top: 0%;
  left: 0px;
  background-color: #000000;
  color: #ffffff;
}

.h2{font-size: 3.2rem;
color: white;}
#nav-list{display: flex;}

.h1{color: yellow;
font-size: 5rem}

@media (max-width: 500px){
  h2{
    color: blue;
    font-size: 2rem;
  }
}

Your browser information:

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

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

2

Hey!
I hope this helps you complete your project.

3

You still have problems with your HTML (there is no such element as navbar). Once you fix this then you will need to update your CSS.

Also, you only want to include “styles.css” once in the head element. Get rid of the other link tags that are including “styles.css”.

2 Likes
4

It worked, Thank you so much.

5

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