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>Useful Resources And Tutorials</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header>Useful Tutorials and Resources</header>
<section>
<h3 class="heading1">Resources</h3>
<a href="https://code.sololearn.com/WuZ2aSd6FXG3/?ref=app">
Chrome Extensions For Developers
</a>
<a href="https://code.sololearn.com/WS5ypM213PdR/?ref=app">
Useful Tools For Developers
</a>
<a href="https://code.sololearn.com/W0jt01Ob69QG/?ref=app">
10 JS Mini-Projects You should Try-1
</a>
<a href="https://code.sololearn.com/W83awRDRmp6h/?ref=app">
10 JS Mini-Projects You should Try-2
</a>
<a href="https://code.sololearn.com/WnyTd6LRT77k/?ref=app">
Games to Learn Coding
</a>
<a href="https://www.sololearn.com/post/58318/?ref=app">
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
*,
*::before,
*::after {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
@media only screen and (min-width: 600px) {
html {
font-size: 72.5%;
}
}
@media only screen and (min-width: 768px) {
html {
font-size: 80.5%;
}
}
header{
background-color: #24345A;
font-size: 3rem;
color: white;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run