NavBar width problem

1

Hello guys!
I am new to HTML and CSS and I have been playing with it for few days. Right now I am working on a webpage for my friend, but I encountered strange issue and I have no idea what to do.

My navigation bar has some blank space on its left, but on the right side it ends further disturbing whole design. Do you have any idea what is the problem here and how can I solve it? I want it to have the same blank space both on left and right.

I know that this code is probably really bad nad messy, but I am just starting! :smiley:

Source code: https://codepen.io/jonssx/pen/XWXNaWO

Screenshot: https://i.imgur.com/r3R9gvT.jpg

(I hope that design is a proper thread for my problem, I am sorry if it is not.)

2

Hello @Jonss,
yes your html is a bit messy :slight_smile: , but no worries, we all started from there!
As you setted top:0;, you can set

left:0;

inside your nav selector!
If you have other doubts feel free to reply!
Cheers

3

First of all - thank you for reply! :smiley:

I tried doing that allready, but what I get is the nav bar stretching from left to right without leaving any blank spaces. I would like to have the same blank space on the right as on the left side. Is it possible?

4

Oh , i’m sorry, I didnt’ read that section!
A quick fix is to set

width:98%
left:1%;

Cheers

1 Like