After creating a Django blog using bootstrap5 and following guidance from the python crash-course book, I encountered an issue with my sidebar placement. Despite trying various methods, I struggled to "override" my blocks in order to keep my sidebar fixed to the left position on the page. Below is the code snippet from my base.html file where the sidebar layout is defined.
<body>
<nav>
<!--thats sticky top navbar i'll skip this cause it work good -->
</nav>
<div class="container-fluid">
<div class="row w-50 flex-column flex-md-row">
<aside class="col-12 col-md-3 col-xl-2 p-0 bg-dark flex-shrink-1">
<nav class="navbar navbar-expand-md sticky-start navbar-dark bd-dark
flex-md-column flex-row align-items-center py-2 text-center" id="sidebar">
<div class="text-center p-3">
<img src="..." alt="profile picture" class="img-fluid rounded-circle my-4 p-1 d-none d-md-block shadow">
<a href="#" class="navbar-brand mx-0 font-weight-bold text-nowrap">RETOVSKEJ</a>
</div>
<button type="button" class="navbar-toggler border-0 order-1"
data-toggle="collapse" data-target="#nav" aria-controls="nav"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse order-last" id="nav">
<ul class="navbar-nav flex-column w-100 justify-content-center">
<li class="nav-item">
<a href="#" class="nav-link active">Edit profile</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Projects</a>
</li>
</ul>
</div>
</nav>
</aside>
</div>
</div>
<div class="container">
{% block header %}{% endblock header %}
{% block content %}{% endblock content %}
</div>
</body>
https://i.sstatic.net/pPuBS.png
https://i.sstatic.net/7F0ik.png
Any assistance would be greatly appreciated. Thank you.