[customized scrollspy example]
After removing the padding in the 'about us' section, I am facing an issue where the scrollspy is not aligning properly with the 'about us' content. I need assistance in fixing the scrollspy while ensuring that the image remains aligned with the paragraph.
</style>
</head>
<body id="#navbar" data-spy="scroll" data-target="navbar" data-offset="10">
<nav id="#navbar" class="navbar navbar-expand-sm navbar-light bg-light fixed-top">
<a href="#" class="navbar-brand">
<img src="logo.png" alt="Logo" style="width:80px;">
<div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="navbar-nav">
<a class="nav-link" href="#About Us">About Us</a>
</li>
<li class="nav-item">
<a href="#Services" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="#Porfolio" class="nav-link">Portfolio</a>
</li>
<li class="nav-item">
<a href="#Contact Us" class="nav-link">Contact Us</a>
</li>
</ul>
</div>