Skip to content

Commit 066a8d4

Browse files
Update
Co-Authored-By: JehanKandy <jehankandy@gmail.com>
1 parent abb7496 commit 066a8d4

File tree

2 files changed

+31
-18
lines changed

2 files changed

+31
-18
lines changed

codeEditor/index.html

Lines changed: 17 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -5,35 +5,34 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Online Code Editor</title>
77
<link rel="stylesheet" href="../css/style.css">
8-
<link href="https://cdn.jsdelivr.net/npm/@jehankandy/jkcss@5.1.0/src/jkcss.min.css" rel="stylesheet">
98
</head>
109
<body>
1110
<div class="main-site">
12-
<div class="line">
13-
<div class="rec-5">
14-
<div class="">
15-
<label for="">HTML</label>
16-
<textarea id="for-html"></textarea>
17-
</div>
1811

19-
<div class="">
20-
<label for="">CSS</label>
21-
<textarea id="for-html"></textarea>
22-
</div>
23-
24-
<div class="">
25-
<label for="">JS</label>
26-
<textarea id="for-html"></textarea>
27-
</div>
12+
<div class="content">
13+
<div class="code-in">
14+
<label for="">HTML</label><br>
15+
<textarea id="for-html"></textarea>
16+
</div>
17+
<div class="code-in">
18+
<label for="">CSS</label><br>
19+
<textarea id="for-html"></textarea>
2820
</div>
29-
<div class="rec-6"></div>
21+
<div class="code-in">
22+
<label for="">JS</label><br>
23+
<textarea id="for-html"></textarea>
24+
</div>
25+
3026
</div>
3127

28+
</div>
29+
<div class="">
30+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, iusto deserunt? Laboriosam assumenda officiis voluptates possimus iste porro magnam voluptate, harum deserunt distinctio ipsum? Minima impedit consectetur accusantium inventore aliquam.
31+
</div>
3232

3333

3434

3535

36-
</div>
3736
<script src="../js/script.js"></script>
3837
</body>
3938
</html>

css/style.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
*{
2+
font-family: 'Poppins', sans-serif;
3+
}
4+
.content{
5+
display: flex;
6+
justify-content: space-between;
7+
}
8+
.code-in{
9+
width: 100%;
10+
margin: 0 20px;
11+
}
12+
textarea{
13+
width: 100%;
14+
}

0 commit comments

Comments
 (0)