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 -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="./styles.css" />
    <title>Penguin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

<ul id='navbar'>
  <li>
    <a href='#welcome-section'>Welcome 
      Section</a>
  </li>
  <li>
    <a href='#projects'>Projects</a>
  </li>
     </ul>
</head>

  <div id='welcome-section'>

  <h1>Text</h1>

    </div>
  <div id='projects'> 

  <div class='project-tile'></div>

  <a href='https://www.youtube.com/@codeManS'>CodemanS youtube</a>

</div>

<div id='profiles'>

<a id='profile-link' target='_blank' href='https://www.freecodecamp.org/fcc1f9c12ee-ec87-46be-9b77-67f64141b54e'>FreeCodeCamp</a>

</div>

/* file: styles.css */
@media (min-width: 200px) {
  background-color: blue;

}

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

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

@erick323evo
Hello!
Welcome to the fCC community. The fCC community is here to serve you, but we need your help so we can serve you better. What is your question, or what are you struggling with? What have you already tried, and what was the results?

When I copied your code and ran it this is the error I got.
image

Here is two resources on media query.
https://www.w3schools.com/css/css3_mediaqueries.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries

-Happy coding!

4

Welcome to the community!

You may wish to try the css #navbar selector with the following position fixed with top set to 0.

Wishing you good progress!

5

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