Wrapper is not working im my css

[sumathi]

In my css wrapper 1200px is working…But it’s not working in 320px…
This is my code
#wrap{width:998px; margin:0px auto;}
@media (max-width:320px)
{
.bg_top{background:url(../images/bg-top33331.jpg) left top repeat-x; float:left; width:100%;height:255px;}
.bg_bot{
float:left;
width:100%;
background-image: url(../images/footer-bg3.png);
background-repeat: repeat-x;
background-position: left bottom;
}
#wrap{width:320px; margin:0px auto;}
.header{width:998px;margin:0px auto;}
.header_bg{width:998px; float:left; background:url(../images/head1_bg.gif) center bottom no-repeat;}
.top_icon{width:998px; float:left; height:44px; padding:14px 0px 0px 0px;}
}

how can i change this code…

[Paulie_D]

A little code in isolation isn’t enough.

Could you made make a reduced case Codepen.io example.

I do notice you seem to still have some very large element width values inside your media query though.

[Author]

Posts