I've successfully created a responsive navbar using Bootstrap 4. It's centered on tablets and mobile devices, but aligned to the left on desktop view.
However, I'm facing an issue when expanding it - the button adds a margin-left that I can't seem to remove. I've attempted setting margin-left: 0px on various elements including the nav, divs, and the button itself, but the margin persists without any changes. I've also tried using !important and providing more specific classes without success.
Your assistance with this matter would be greatly appreciated.
You can view the complete page here: https://codepen.io/MiaSalazar/pen/GxBgRe
// CSS code snippet
// Add your styles here
@media screen and (max-width: 991px) {
// Responsive styles for smaller screens
}