From 7fcb16d16b084f9b16afc321dec83a828d0b9210 Mon Sep 17 00:00:00 2001
From: dyllanmutema837-hue
Date: Wed, 17 Sep 2025 23:21:42 +0000
Subject: [PATCH] Add initial HTML, CSS, and VSCode launch configuration files
---
.vscode/launch.json | 17 +++++++++++++++++
README.md | 2 +-
index.html | 15 +++++++++++++++
styles.css | 14 ++++++++++++++
4 files changed, 47 insertions(+), 1 deletion(-)
create mode 100644 .vscode/launch.json
create mode 100644 index.html
create mode 100644 styles.css
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..a12afaf
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,17 @@
+{
+ // Use IntelliSense to learn about possible attributes.
+ // Hover to view descriptions of existing attributes.
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+ "version": "0.2.0",
+ "configurations": [
+
+ here
+ {
+ "type": "vscode-chat-replay",
+ "request": "launch",
+ "name": "Debug Chat Replay",
+ "program": "${file}",
+ "stopOnEntry": true
+ }
+ ]
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 17a88a1..59edb3d 100644
--- a/README.md
+++ b/README.md
@@ -169,7 +169,7 @@ function ListingCard() {
```
* `.ListingCard` is the “block” and represents the higher-level component
- * `.ListingCard__title` is an “element” and represents a descendant of `.ListingCard` that helps compose the block as a whole.
+ * `.ListingCard__title` is an “element” and represents a descendant of `.LipstingCard` that helps compose the block as a whole.
* `.ListingCard--featured` is a “modifier” and represents a different state or variation on the `.ListingCard` block.
### ID selectors
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..10a8d98
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+ CSS Demo
+
+
+
+
CSS Styling Example
+
This is a normal paragraph.
+
This paragraph is red (class).
+
This paragraph is bold (id).
+
+
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..b5cd5c3
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,14 @@
+/* By element */
+p {
+ color: green;
+}
+
+/* By class */
+.text-red {
+ color: red;
+}
+
+/* By id */
+#special {
+ font-weight: bold;
+}