Hi!
I am designing a website for a coffee shop. I want the header image to be an awning that extends past the main content area of the website on each side. The main content is 1000 px wide, and the awning that I created is 1168px wide. Now I know a common resolution is 1024, but having just a 12px overhang on each side would not be enough, so I'm wondering if I can make it so that the side-scrolling doesn't occur on the smaller screens, and it just cuts off the edges? Also, is 1024px the best guideline to go by when designing web pages? Thanks. I'll attach a picture of the awning to give you an idea of what I mean. Thanks.


header-bg.png