Search code examples
csshtmlresponsive-designmedia-queries

Show Right margin when resizing browser

I used this to centre my main div which contains everything.

#main {
margin-left: 10%;
margin-right: 10%;
width: 100%;
height: 100%;
}

I have to make a responsive site so as i decrease the browser's size, i want the margin on the right to remain there. At the moment, my divs decrease with the size but there is no margin on the right.

Also, I don't think the main div is centred well either.

Thank you very much for the help!

Solution

  • I figured it out now. Used this instead and pasted the same in @media

    #main {
 margin-left: 10%;
 margin-right: 10%;
 }

    Worked like a charm. Thanks to Titanium and Brian for the Help. Much appreciated

    :D