Make a responsive website

To make a responsive web is not very easy, but if you know the problem that thing could be easy XD. The main principle of responsive website is only matching any element on a site to the main screen. The first thing is the element width, you need to change the width value to auto, the content wrapper must use value auto on css width. Then if the wrapper is disarranged in computer or in a big screen, you need to set max-width on the content wrapper. Then try to use font value with percent. Don't use pixel in css value. But if you need to use PX, you can use css media queries, for a responsive.

Media queries

@media screen and (max-width:1030px) { #outer-wrapper { width:100%; } }

That CSS mean: "this css will applied if the screen maximal width is 1030px". You can change it to max-width: 600px, or min-width: 600px;.