So I have this problem on my website www.medshopandbeyond.com. On most computer screen sizes the content of the homepage shows up fine but on really wide screen the content gets cropped and the divs overlap each other.
To understand what I mean...go to [url removed, login to view] and .zoom out to 25% on chrome and 30% on firefox. You will see the content overlap each other and get cropped (the result is how the homepage looks on wide screens).
I have 1 video background with written content and a button (simple stuff) - Gets cropped on wide screens
I have 4 pictures (background-size: cover) that also get cropped and overlap each other on wide screens.
Here's what I need:
I want the video and its content plus the 4 pictures to be the same size ALWAYS no matter what computer screen is being used to look at the website. I dont want it to get big, or be cropped, or overlap another div. I want it to stay where it is always.
Please download the zip file which contains a powerpoint with details. It also contains the html and css for the content on the homepage. I included as many files as I could to make your work a lot easier.
Usually sizing issues and cross browser problems can be fixed with good ole bootstrap, I believe I am a good candidate for this job because I have had a lot of experience in fixing this kinds of issues