so I am fairly new to coding and this forum has already helped a lot, so I would appreciate the help with something I am really stuck with.
I want to create a website, where when you open the homepage, you will only see a video background with the navigation bar (that should be fixed) and logo. Then when you scroll down, there should be another section that will also cover the entire screen, but this time it will be a background image with some text over it. Then after that, there should be another, 3rd, section, same set up as the 2nd one.
I do know how to add a video or image with html, but here are the issues I keep getting no matter what I do:
I want the video to fully fit the screen, meaning there shouldn't be any padding or margin. So far I keep getting a thin white border on the left and I can't get rid of it
In addition to that, the video is really zoomed in and therefore you can basically scroll to the right a lot too see the rest of the video. (this also causes that the quality is really bad bc it's so zoomed in) I guess the video's resolution is too big but there has to be a way to show the video perfectly fitting to the screen width and height, so that you can't scroll right or left. (but again, if you extend the size of your browser, the video should 'move' with it. there should not appear any borders
Finally, when I then add a div under the video to have some text in that 2nd full sized screen section, somehow this 2nd div keeps hiding under the video background instead of being pushed down to create the 2nd full-sized section. Even if I change the display to block.
I have tried SO many different codes, tutorials etc, but I can't get rid of these 3 problems. Could anyone help me with that? I would really appreciate it!