Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:
Need to solve this:

  1. Your portfolio should use at least one media query.
  2. Failed:Your #navbar element should always be at the top of the viewport.
    Your code so far 
<!-- file: index.html -->
<section id="welcome-section">
  <h1>Patrick</h1>
</section>
<section id="projects">
  <title class="project-tile"></title>
  <a></a>
  <navbar id="navbar">
    <a href="#"></a>
    <a id="profile-link" target="_blank" </a>
    <media></media>
  </navbar>
</section>


/* file: styles.css */
@media

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

2

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…

3

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.

4

ive googled, ive been to space back and forth… still dont find the answer…

5

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:

1 Like
6

problem solved… thanks @hbar1st

1 Like
7

fyi, here’s the lesson that first discusses linking stylesheets. You may want to bookmark for future projects.

1 Like
8

Thank you @hbar1st … Will do that right away… much appreciated… Wish you. a great weekend ahead…

1 Like
9

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