Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

I’ve been stuck for weeks because freeCodeCamp doesn’t recognise any of my media queries. What exactly do they want here, I am not getting it.

Your code so far

/* file: styles.css */

#navbar{
   position: fixed;
   top: 0;
   left: 0;
   background-color: beige;
 }

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

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

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

2

Are you linking your styles.css file to your .html file properly at the top of your HTML document after your opening html tag? If you don’t remember how to do this you can take a look at the lesson https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-16

3

Yes, the navbar styling is being read.

4

Your code is correct and working for me.

I think the problem may be with your browser or extensions used. Try another browser or disable any extension that you think may be the problem as the Note at the beginning of the course says:

Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.

As that was the same problem similar to yours here: FCC forum

1 Like
5

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