I'm new to the graphic design section of SE, this being my first question here, but not new to graphic or web design.
I am in the process of making a free website for a new local eSports bar. The basic layout is there, but the logo looks out of place. (please note none of the grahpics were made by me and are currently just placeholders) The website uses media queries and there are 4 different size layouts based on width:
- Very Large: 1051px +
- Large: 751px - 1050px
- Medium: 461px - 750px
- Small: Less than 460
In my opinion, the logo looks perfectly in place on the "small" layout, but looks terribly out of place on the other three.
My Question: What can I do to tie my logo into the larger layouts so that it doesn't look as if it's just sitting there? (Resize browser width to see different layouts)