Nav/Header Has a Margin to the Right

Working on Project Tea Cozy
Tea Cozy Off Platform Project Page

I am having a problem with my header / navigation bar. There seems to be some sort of margin affecting the right side. I’ve put a border around the class “navbox” to highlight the issue. I just can’t seem to figure out why the

<section class="navbox">

doesn’t stretch all the way to the right.

Code Is located here:

https://github.com/madderhaqqer/maddcozyt

Thank you for helping. :smiley:

When using the float property it is necessary to give the element a width property. We can get around the issues of using float by declaring a flexbox container. Will leave this for you to research.

1 Like