diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..f673a71b7
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5502
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 30ad56b96..49bf25713 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
Introduction to CSS Lab
-
+
diff --git a/package-lock.json b/package-lock.json
index 4c25e7bee..0ec5210d6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -703,9 +703,9 @@
}
},
"node_modules/get-func-name": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
- "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=",
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
+ "integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==",
"dev": true,
"engines": {
"node": "*"
@@ -2392,9 +2392,9 @@
"dev": true
},
"get-func-name": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
- "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=",
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
+ "integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==",
"dev": true
},
"glob": {
diff --git a/style.css b/style.css
index a6f387622..c564c2cfe 100644
--- a/style.css
+++ b/style.css
@@ -1,20 +1,30 @@
/* Tag selector to select the 'body' element */
body {
/* Your code here! */
+ background-color: #00b3e6;
}
/* Tag selector to select all 'div' elements. We only have one 'div' in our HTML */
div {
/* Your code here! */
+ width: 700px;
+ margin: auto;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+ Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+ background-color: white;
+ padding: 30px;
+
}
/* ID selector to select the element with id 'main-header' */
#main-header {
/* Your code here! */
+ font-size: 22px;
color: red;
}
/* Class selector to select elements containing the class 'perspective-questions' */
.perspective-questions {
/* Your code here! */
+ font-style: italic;
}