html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="main">
<div id="box1">
<h3>1</h3>
<h4 id="stop1">s</h4>
<div id="counter1">30</div>
<div id="lights1">
<div id="re1"></div>
<div id="ye1"></div>
<div id="gr1"></div>
</div>
</div>
<div id="box2">
<h3>2</h3>
<h4 id="stop2">stop</h4>
<div id="counter2">6</div>
<div id="lights2">
<div id="re2"></div>
<div id="ye2"></div>
<div id="gr2"></div>
</div>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
@media screen and (max-width:480px){
html{
margin:0;
width:100%;
height:100%;
// background:linear-gradient(rgb(20,40,90),black,white);
position:relative ;
}
body{
margin:0;
width:100%;
height:100%;
position:relative ;
}
#main{
width:100%;
height:35%;
background:linear-gradient( white, gray, black, gray, white);
}
#box1 , #box2, #box3, #box4 {
margin:3%;
display:inline-block;
width:18%;
height:95%;
background-color: gray;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run