This question already has an answer here:
I am trying to implement a system to make my website fit different size screens. I developed the site on a 1920x1080 screen, so it works fine for anyone with that size screen, but it gets clipped off if a smaller screen is used. I have tried a few different methods that I found online, but am not having any luck. What would you guys recommend? Thanks a bunch!
Here is my site:http://www.clanrippgaming.net/
</div>
you can get inspiration at zurb foundation or twitter bootstrap, you can use media queries like
@media only screen and (min-width: 480px) {
/* CSS here */
}
Try to use percentage instead of pixels. Moreover, you should take a look at media queries.