Hey all,
I created an image in photoshop and resized it 1000px widthby 1500px height. I then added the following CSS hoping it would fit on page fitting 100vh so the user can see the entire image when page loads.
#header {
background: url(“../img/header.jpg”) no-repeat;
width: 100%;
min-height: 100vh;
background-size: cover;
}
on small screens it looks perfect i can see the entire image it resizes, however on full screen it cuts off most of the image =/ no idea how to fix this. Please any advice appreciated.
small screens ok
url=https://www.webdeveloper.com/forum/assets/files/2018-09-17/1537226276-635724-small-screens.jpeg]
large screens it just looks awful BART >< i wanted to show the entire img