Fork Me! FCC: Test Suite Template(profile portfolio)

HTML-CSS
1

I just create my personal profile portfolio…last project.
but two errors were there…i really not understand this…i’ll apply both things but error was occur.
please help…

  1. The height of the welcome section should be equal to the height of the viewport.

[The height of #welcome-section is not equal to the height of the viewport : expected 207 to be close to 185 +/- 0
AssertionError: The height of #welcome-section is not equal to the height of the viewport : expected 207 to be close to 185 +/- 0
at s.H (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:262:7459)
at s.e.(anonymous function) [as approximately] (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:325:126)
at Function.n.approximately (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:224:4043)
at r. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:154:37941)
at c (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:159:31608)
at o.f.run (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:159:31544)
at m.runTest (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:159:37114)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:159:37976
at s (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:159:36426)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:159:36495]

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

[Navbar should be at the top of the viewport even after scrolling : expected -492 to be close to 0 +/- 15
AssertionError: Navbar should be at the top of the viewport even after scrolling : expected -492 to be close to 0 +/- 15
at s.H (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:262:7459)
at s.e.(anonymous function) [as approximately] (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:325:126)
at Function.n.approximately (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:224:4043)
at r. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:154:38530)
at O (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:154:134349)
at Generator._invoke (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:154:134137)
at Generator.e.(anonymous function) [as next] (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:154:134528)
at r (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:1:1055)
at i (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:1:1265)]

2

You have to move position: fixed to the nav bar, doing so you also need top: 0 and width: 100%. You misspelled direction, on flex-direction (also row is the default value).

#navbar {
  display: flex;
  flex-diretion: row; /* Invalid property name it is flex-direction not flex-diretion */
  justify-content: center;
  font-size: 20px;
  position: fixed;
  top: 0;
  width: 100%;
}
1 Like