Personal Portfolio Project: Having some issues with class container

Personal Portfolio Project: Having some issues with class container
0

#1

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. :smiley:


#2

Hi, container-fluid should do the trick, as it’s supposed to take up the whole width:slight_smile:


#3

Thank you for your reply. :wink:
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.


#4

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.


#5

Ah… That does work. I feel stupid for not thinking about that.
Thank you so much for your reply. :smile: