Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<ul id='navbar'>
  <li>
    <a href='#welcome-section'>Welcome Section</a>
  </li>
  <li>
    <a href='#projects'>Projects</a>
  </li>
</ul>

<div id='welcome-section'>
  <h1>Text</h1>
</div>
<div id='projects'>
  <div class='project-tile'></div>
  <a href='https://www.freecodecamp.org/'>FCM</a>
</div>

<div id='profiles'>
  <a id='profile-link' target='_blank' href='https://github.com/Chetanpathrabe'>Chetan Github</a>
</div>

/* file: styles.css */
@media (max-width: 600px) {
  #navbar {
    padding: 0rem 1rem;
    justify-content: center;
    display: flex;
  }
}
#navbar {
  background-color: var(--primary-color);
  color: #fff;
  padding: 0rem 3rem;
  display: flex;
  justify-content: flex-end;
  position: fixed;
  width: 100vw;
}
@media screen and (min-width: 480px) {
  #projects {
    padding: 0rem 2rem;
    justify-content: center;
  }
}

Your browser information:

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

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Media query not working

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Welcome to the forum @PathrabeChetan

You need to link the styles.css to your html
The code for it is mentioned in the instructions.

Then, the navbar needs to be fixed to the top of the viewport.

Your code is missing the DOCTYPE tag, opening and closing html tags, and the head (including link and meta) and body elements.

Happy coding

4

You didn’t have html boilerplate around your content tags. Missing html, head , body, link and meta tags.
@PathrabeChetan

5

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