Below is the code snippet:
<nav class="navbar navbar-expand-lg navbar-light bg-light" role="navigation" id="navbar">
<div class="container">
<a class="navbar-brand mynav" href="{% url 'home' %}">Star Social</a>
<ul class="navbar-nav navbar-right">
{% if user.is_authenticated %}
<li><a href="">Posts</a></li>
<li><a href="">Groups</a></li>
<li><a href="">Create Group</a></li>
<li><a href="{% url 'accounts:logout' %}">Logout</a></li>
{% else %}
<li><a href="">Group</a></li>
<li><a href="{% url 'accounts:login' %}">Login</a></li>
<li><a href="{% url 'accounts:signup' %}">Signup</a></li>
{% endif %}
</ul>
</div>
</nav>
After deploying, the styling appears different than expected.