Clueless About Responsive Images

HTML & CSS
1

I have a page linked here that I am trying to ensure that the boat image will scale to the exact width of the browser. I think I have the issue fixed with a width smaller than 1600px, but when the browser scales above 1600px the image leaves a white gap to the right side. Any clues as to how I can solve this problem?

Thanks in advance,
Todd

2

You could set it to width: 100% rather than max-width: 100%. But there is a better way. Place it as a background image on the header div and set it to background-size: cover or similar.

3

That did the trick. Thank you ralph.m!