When running this code my fixed nav is not taking up the entire screen, I’ve tried to view this on many screen widths and they all have the same outcome. The Nav includes a table with links that navigate you to other areas of the website, It’s on every page of the website(3) and on every page it shows the nav bar not fully filling the page.
CSS CODE:
nav {
width: 120%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 32px;
border-bottom: 2px solid var(--black);
position: fixed;
top: 0;
background: var(--dark-blue);
z-index: 2;
}
table {
border: 5px royalblue solid;
padding: 5px;
border-collapse: collapse;
}
HTML Code
<nav> <table width="1800" cellspacing="3" cellpadding="5">
<tbody>
<tr>
<th scope="col"><a href="index.html">Home</a></th>
<th scope="col"><a href="rates.html">Rates</a></th>
<th scope="col"><a href="services.html">Services</a></th>
</tr>
</tbody>
</table>
</nav>