FCC Personal Portfolio - Can't get Layout #3 test to pass regarding navbar and viewport about testable-projects-fcc

[ShaunSHamilton]

Hello there,

In general, I recommend opening a topic on the forum for a problem like this. In your case, the issue is the HTML structure:

    <nav id="navbar">
      <div class="nav">
        <div class="menu">

There is only one element within each of these, so it does not make sense to have so many layers. I suggest you move .nav and .menu to within #navbar, and remove the div elements.

---

Some things to note when using CodePen:

1. CodePen does not expect any content outside the body tags.
2. All meta, link, and script information must be put in the ⚙️ settings section of the HTML editor.
3. You do not need to/cannot link the CSS in your HTML, if you place the CSS in the appropriate section.
4. If your project uses React, use the Babel preprocessor, and link the CDN in the appropriate ⚙️ section.
5. The editors offer the ability to format and analyze your code, providing useful information about forgotten closing tags etc.

If you are still confused with how to use CodePen, please read the official documentation.

Hope this helps

[bds67]

Thanks so much. That did the trick. I guess I was trying to compartmentalize everything on it's own but instead of making it easier, it complicated it all.