How can I remove the default padding-left and padding-right in a container-fluid using Bootstrap 5? I don't want to use "!important" in my CSS file. I have already tried disabling the default padding with Chrome dev tools but it didn't work. Any suggestions on how to achieve this without using "!important"?
.container-fluid{
padding: 3% 15% !important;
}
In addition, I've also experimented with the no-gutter class and g-0 class to remove gutters in the container-fluid, but none of these solutions worked. If there is another way to resolve this issue within Bootstrap 5, please let me know.
....