Tell us what’s happening:
Need to solve this:
- Your portfolio should use at least one media query.
#navbar element should always be at the top of the viewport.
Your code so far
<!-- file: index.html -->
<a id="profile-link" target="_blank" </a>
/* file: styles.css */
Your browser information:
User Agent is:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.96.36.199 Safari/537.36
Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage
Link to the challenge:
Ok, so I solved the issue with nr 2 ( Failed: Your
#navbar element should always be at the top of the viewport.).
I added the navbar to the top in HTML.
Now I need help with the viewport @media… I’ve tried several solutions, but none is working…
the media query is a css rule so first you need to link the stylesheet to your index.html
and then add the media query to the styles.css
you can look up any media query you like on google or refer back to the curriculum to see how to do it.
ive googled, ive been to space back and forth… still dont find the answer…
to search for linking the stylesheet in google I just type something like “html link stylesheet” and I get many results which include this one:
problem solved… thanks @hbar1st
fyi, here’s the lesson that first discusses linking stylesheets. You may want to bookmark for future projects.
Thank you @hbar1st … Will do that right away… much appreciated… Wish you. a great weekend ahead…