Responsive Web Design - Personal Portfolio Issues

1

I have very nearly completed this project but I can’t seem to pass the following tests, from what I can see I have done these things but obviously there’s something I’m missing. I’ve found a couple of these issues on the forums/Google but the solutions don’t solve the problems.

My CodePen for this project: https://codepen.io/kesterion/pen/zYvjqvL

  • The projects section should contain at least one element with a class of “project-tile” to hold a project.

  • The projects section should contain at least one link to a project.

  • The navbar should always be at the top of the viewport.

All answers/feedback is greatly appreciated of course.

2
  1. The projects section should contain at least one element with a class of “project-tile” to hold a project.

the error say

expected 0 to be above 0

Your #projects element is just an anchor element with nothing inside:

<a id="projects"></a>

you can delete this one and give the id attribute to something else

the next failed user story has the same reason

3

Hey, thank you for your reply!

I’ve just amended these and I’ve seen no difference.

4

Hey @Kesterion, @ILM explained everything and hinted everything you need to do .

Now you did change where you put the id, but still on the wrong one because of the element the challenge wants is supposed to be nested inside an element with and id of “projects”

Capture
Capture1356×541 71.9 KB

5

I’ve got you, I’ve removed the class of “project” from the section and moved that id of project to that section. Thank you very much!

The final issue I’m having is with the navbar being at the top of the viewport. Which is weird as I’ve set its position as fixed and I’ve also given it a z-index.

6

What you can do is ditch the <header> tag and apply the header styles to the navbar itself instead of the <header> tag, because the header is on the top, but the nav is not, its a child of the header.

7

These have solved the problem, I understand what you’re saying. Thank you very much for your help, both of you! @ILM @Catalactics