CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
user7327263
user7327263

Reputation:

container width error in bootstrap custom css

I want to make background video for the website. Whatever I am doing there is a gap in the top and left sides. I changed the width left position anyway the error still is same. Please find the print screen from the website. I also attached my CSS and HTML code. Thank you for reading.

CSS:

 header-container {
    width: 90%;
    height: 900px;
    border-left: 1%;
    border-right: none;
    position: relative;
    padding: 20px;
}

.video-container {
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

video {
    position: absolute;
    z-index: -1;
    width: 100%;
}

HTML:

<div class="header-container">
<div class="video-container">
 <video preload="true" autoplay = "autoplay" loop = "loop" muted>
    <source src="video/test.mp4" type="video/mp4" >
    </video>
 </div>
</div>

https://ibb.co/incNY5

Upvotes: 0

Views: 196

Answers (1)

Mohammad C
Mohammad C

Reputation: 1341

You have padding in heading-container. Set it 0px.

Upvotes: 1

Related Questions