CODEWITHSUNDEEP
htmlcsstwitter-bootstrap-3media-queries
Harsh Desai
Harsh Desai

Reputation: 75

Media queries is not working on the screen size of 450px

https://jsfiddle.net/t1etnj5w/1/

i want to make the above demo full responsive the text should be in the center. But when i am trying to add padding-left:10% in the @media screen (max-width:450px) it is not working. It has worked above 600px screen. Please see the above demo.

[1]: https://jsfiddle.net/t1etnj5w/1/

Upvotes: 0

Views: 161

Answers (1)

ItzMe_Ezhil
ItzMe_Ezhil

Reputation: 1406

because of header position:aboslute and minus margin css it's not shows properly.

 header {
position: absolute;
top: 60%;
left: 22%;
z-index: 999;
color: #fff;
/*background: rgba(0,0,0,0.5);*/
padding: 60px;
 margin: -200px 0 0 -200px
}

Upvotes: 1

Related Questions