html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div class = wrapper>
<div id = 'it1'><span>1</span></div>
<div id = 'it2'>2</div>
<div id = 'it3'>3</div>
<div id = 'it4'>4</div>
<div id = 'it5'>5</div>
<div id = 'it6'>6</div>
</div>
<script>var elem = document.getElementById("it2");
elem.innerHTML = "Hello World!";
</script>
</body>
</html>
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
body {
background-color: #eff8ed;
width: 100%;
overflow-x: hidden;
}
.wrapper {
display : grid;
grid-template-columns: 100px 100px 100px;
grid-template-rows: 100px 100px 100px;
text-align: center;
}
#it1 {
background-color: #f4bed9;
text-align: center;
grid-column-start: 1;
grid-column-end: 3;
}
#it2 {
background-color: #f4d9be;
text-align: center;
}
#it3 {
background-color: #f4f4be;
text-align: center;
grid-row-start: 2;
grid-row-end: 4;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run