Technical Documentation: Problem with Sidebar

HTML-CSS
1

Hey guys,

I am currently trying to create a technical documentation that includes a navigation bar to the left. The condition is: “On regular sized devices (laptops, desktops), the element with id="navbar" should be shown on the left side of the screen and should always be visible to the user.” However, when I test my code, I get the error:

Left of bounding rectangle is not correct.: expected 8 to be at most -829.166748046875

My CSS file to define the Sidebar is this:

.sidenav {
  height: 100%;
  width: 180px;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #eee;
  overflow-x: hidden;
  padding-top: 20px;
}

Can someone help me find out, why the error occurs?

Website: https://codepen.io/sam_well_r/pen/QWgaQRE

2

image
the navbar is actually pretty thin, you have styled something else instead

4

Thanks, that was the issue, instead of defining the sidenav portion, I actually optimized the class element within the sidenav. By changing the sidenav instead, the problem resolved.

5

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