quixote
Version:
CSS unit and integration testing
40 lines (33 loc) • 793 B
HTML
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
body {
background-color: grey;
margin: 0;
border: solid blue 2px;
box-sizing: border-box;
}
.box {
position: absolute;
width: 100px;
height: 100px;
}
.selective {
display: none;
}
@media (max-width: 1000px) {
.selective {
display: block;
}
}
</style>
</head>
<body>
<div style="width: 100%; background-color: red; height: 50px;">100% width</div>
<div class="box" style="background-color: green; left: 1100px; top: 1100px;">Scroll creator</div>
<div class="box selective" style="background-color: blue; left: 200px; top: 200px;">@media successful</div>
</body>
</html>