Responsive Web Design: How to get header image to be fully responsive when re-sizing window browser?
<p>I'm using media queries to properly align the header image to the container div underneath it. It looks great when in large desktop or mobile mode, however when I re-size to other sizes and change browser window it moves. Should I be setting more breakpoints and more specific ones for the media queries? I've tried also placing it as a background-image: cover but that does not seem to work either. </p>