Tell us what’s happening:
Earl Lawrence Marion-Portfolio
<!-- file: index.html -->
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.3 Safari/605.1.15
Challenge Information:
Personal Portfolio Webpage - Build a Personal Portfolio Webpage
Test says code should include at least one @media query. I have described the @media query for desktop 1200px; lap top 992px; tablet 768px; and mobie phone 480px.
Tell us what’s happening:
I entered the @media query code into the CSS but tester says it doesn’t pass test: CSS(styles.css)
/General Styles /
body {
margin: 0;
font-family: Arial, sans-serif;
line-height: 1.6;}
#navbar {
position: fixed;
top: 0;
width: 100%;
background-color: #333 ;
color: white;
z-indez: 1000;
}
#navbar ul {
display: flex;
justify-content: space-around;
list-style: none;
padding: 0;
margin: 0;
}
a {
text-decoration: none;
}
#navbar ul li a {
text-decoration: none;
color
Your code so far
<!-- file: index.html -->
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.3 Safari/605.1.15
Challenge Information:
Personal Portfolio Webpage - Build a Personal Portfolio Webpage
Teller
February 8, 2025, 11:19pm
4
Hi @Shakubuku67
Did you link the to stylesheet in the HTML?
Happy coding
Teller
February 8, 2025, 11:21pm
5
I went ahead and combined your posts for you. In the future, just reply to the original thread to add further updates.
Thanks.