CODEWITHSUNDEEP
twitter-bootstrapresponsive-designmedia-queries
user5229526
user5229526

Reputation:

How to add responsive media query

This is a sample code , but i cant add responsive .How to add my code for responsive media query ?

<form action="action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>

Upvotes: 4

Views: 101

Answers (1)

sathishkumar_kingmaker
sathishkumar_kingmaker

Reputation: 911

If you are talking about the css3 responsive media query you have to add like this 

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
body {
    background-color:lightgreen;
}

@media only screen and (max-width: 500px) {
    body {
        background-color:lightblue;
    }
}
</style>
</head>

Upvotes: 3

Related Questions