Media Queries-Width
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="width.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Media Queries-Width</title>
</head>
<body>
<div>Demo</div>
</body>
</html>
CSS
*********CHANGES ARE APPLIED ONLY WHEN WIDTH:400PX
div{
height: 550px;
width:550px;
background-color: aqua;
}
@media (width:300px){
div{
background-color:red;
font-family: 'Gill Sans', sans-serif;
}
}
Comments
Post a Comment