How to make navbar full width?

Issue

I want to make navbar full width of the screen but for some reason, it's full width only on the right side.

Left side of the navbar is not full width. Can someone please tell me how can I do it?

CSS code looks like that:

.head{
    background-color:rgb(48, 87, 56);
    box-shadow: 1px 1px 10px 3px rgb(155, 153, 153);
    margin-top: -2%;
    position: fixed;
    width:100%;
    
}

Solution

According to this MDN documentation, try to add

left: 0;

in your css file to close the gap on the left side.

Answered By - miftahulrespati