I am having some trouble with the container class. It seems that every time I wrap a specific section of my code in a div with a container class, the background shrinks down on all sides and makes the illusion of a placed border around it.
Note: Not including _container_leaves a perfect full-size background image.
After adding container:
Please check out my pen here. Any help is appreciated.
Thanks in advance.
Hi, container-fluid should do the trick, as itβs supposed to take up the whole width:slight_smile:
Thank you for your reply.
I have tried container-fluid but the result was similar. There was still a border around the different sections though it was smaller. I seem to run into this problem often, and, wanted to know what iβm doing wrong and ways to fix it.
Hey, .container-fluid
does work, but .container-fluid
automatically has some padding left and right. You should be able to fix this by adding this to you css:
.container-fluid{ padding-left: 0; padding-right: 0; }
Or you could give the .container-fluid
a background instead of a div inside of it.
1 Like
Ah⦠That does work. I feel stupid for not thinking about that.
Thank you so much for your reply.