Hi everyone! I don’t know the name of my exact problem but the page continues to stretch well out of the width of the container. I’ve taken a screenshot to describe it. I tried to use overflow: auto on css to rectify the issue but because I’m using bootstrap it didn’t work. It occurs at the right end of the webpage only.
Thanks in advance for your help! 
Hi there,
Is it possible for you could share your HTML and CSS with us? 
Hey! sorry about that of course !
CSS
.container-fluid{
background-color: rgb(237, 232, 232);
}
.nav1-col{
background-color: rgb(100, 32, 164);
display:flex;
justify-content: flex-end;
height:100px;
}
.nav1-col h2{
position: relative;
right: 500px;
top:20px;
font-size: 1.4em;
width:200px;
font-family: ‘Playfair Display’, serif;
font-weight: 600;
color:white;
}
.nav1-col p{
margin:10px;
list-style: none;
position: relative;
top:30px;
font-size: 1.2em;
font-family: ‘Playfair Display’, serif;
color:white;
}
.nav1-col p:hover{
cursor: pointer;
color:black;
}
.nav1-col p:active{
text-decoration: underline;
}
.caption-col{
text-decoration: underline;
position: relative;
top:100px;
display:inline;
}
.caption-col h2:hover{
color:purple;
}
.caption-col:hover{
text-decoration: none;
}
.footer-col li{
list-style: none;
margin:25px;
text-decoration: none;
font-weight: 500;
font-size: 1.2em;
}
.footer{
height:100px;
background-color: rgb(100, 32, 164);
}
.footnav{
display:flex;
justify-content: center;
}
I’m having trouble sharing my html. It’s not loading on the page.
If you want to share your HTML, it will be much easier if you use preformatted text.
This will allow you to show your HTML as so:
<span>This is an example</span>