Make the navbar stick to the edge

[melendresalab]

Hello!
This is my first time using SitePoint and I have a very important question for me
I have a navbar, but I have a major problem.

As you can see, the navbar doesn’t consume the full space available. I want it to eat up the space at its left, right, and top. Who can help me?
Thank you!

[ronpat]

Hi, melendresalab, Welcome to the forums.

If you have not done so, please take a few minutes and read our posting guidelines:

Forum POSTING BASICS: (Help us help you!)

Forum Posting Basics

When posting a coding question, it’s important to help people to help you. Ideally, post a link to a web page that demonstrates the issue. If that’s not possible (for example, if your site is not live yet) there are various other options. You might, for example, create a working example of the problem on a site like CodePen. You can then paste the link to your Pen here. (If you sign up for a free account at CodePen, your Pen will get embedded right here, like this: http://codepen.io/oknoblich/…

There is also a page about forum behavior:

Forum guidelines:
https://www.sitepoint.com/community/faq#civil

Finally, please post a “working page” showing the code that you have written for your page. This helps us determine your level of HTML and CSS expertise and lets us see what you see.

Thanks.

[coothead]

Hi there melendresalab,

and a warm welcome to these forums.

Open your “styles.css” file and change this…

/* presentational */
body {
  padding: 2%;
  font: 18px/1.4 sans-serif;
}

…to this…

/* presentational */
body {
  margin: 0;
  font: 18px/1.4 sans-serif;
}

coothead

[ronpat]

<ot>
Thanks, Mr. C.
I am duly embarrassed to admit that I didn’t recognize the URL in the address bar of the image.
</ot>