CSS MEDIA QUERIES
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS LEVEL 6</title>
<link rel="stylesheet" href="STLE.CSS">
</head>
<body>
<DIV></DIV>
</body>
</html>
CSS
DIV{
height: 50px;
width: 50px;
background-color: aqua;
}
@media (width:600px){
div {
background-color: red;
}
}
@media (min-width : 600px){
div {
background-color: green;
}
}
@media (min-width :200px) and (max-width:300px){
div {
background-color: yellow;
}
}
OUTPUT
.png)
.png)
Comments
Post a Comment