Jump to content

Recommended Posts

Posted
<!DOCTYPE html>  
<html>  
<head>  
<style>  
body {  
  background-color: pink;  
}  
  
@media screen and (min-width: 480px) {  
  body {  
    background-color: lightgreen;  
  }  
}  
</style>  
</head>  
<body>  
  
<h1>Resize the browser window to see the effect!</h1>  
<p>The media query will only apply if the media type is screen and the viewport is 480px wide or wider.</p>  
  
</body>  
</html> 

 

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...